/******************************************************************** /* Default.css (20100819141829) /********************************************************************/ /******************************************************************** /* Content\Global\Global.css /********************************************************************/ html, body, h1, h2, h3, h4, h5, p, ul, ol, dl, li dt, dd, strong, em, address, img, form, fieldset, legend, button, table, caption, thead, tfoot, tbody, tr, th { border: 0; font-style: normal; list-style: none; margin: 0; padding: 0; } html { background: #FFF url("/Content/Global/Background.png") repeat-x 0 108px; color: #222; font: normal 62.5%/1.5 "Helvetica Neue", "Arial", sans-serif; font-size: 12px; } body { } div.site-main { margin: 0 auto; width: 960px; position: relative; } div.site-divider { height: 20px; } div.site-footer { background-color: #f0f0f0; } .clear { clear: both; } a { text-decoration: none; color: #cd1d5e; } a:hover { text-decoration: underline; color:#959595; } span.brand { font-size: 11px; text-transform: uppercase; color: #C2C2C2; } span.price { font-size:16px; font-weight:bold; } span.price span { color:#A70A16; display: inline !important; } span.price del { font-size: 13px; color: #000; display: inline !important; } textarea { border: solid 1px #b3b3b3; border-top-color: #999999; border-right-color: #999999; padding: 5px; font-size: 11px; font-family: "Helvetica Neue", "Arial", sans-serif; } div.select.custom-style { position: relative; height: 22px; background:transparent url(/Content/Global/CustomStyle/Select.Background.png) no-repeat; margin-right: 24px; display: inline-block; } .ie div.select.custom-style { display: inline; } div.select.custom-style span { background: transparent url(/Content/Global/CustomStyle/Select.Background.Right.png) no-repeat 100% 0; display: inline-block; height: 22px; line-height: 23px; margin-right: -24px; padding-left: 5px; padding-right: 29px; font-weight: normal; font-size: 11px; } div.select.custom-style select { position: absolute; top: 0; left: 0; opacity:0; filter: alpha(opacity=0); z-index:5; } div.checkbox.custom-style { position: relative; width: 16px; height: 16px; vertical-align: middle; display: inline-block; background:transparent url(/Content/Global/CustomStyle/Checkbox.Unchecked.png) no-repeat; } div.checkbox.custom-style.checked { background:transparent url(/Content/Global/CustomStyle/Checkbox.Checked.png) no-repeat; } div.checkbox.custom-style input[type='checkbox'] { position: absolute; top: 0; left: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .ie7 div.checkbox.custom-style { display: inline; } h1 { font-size: 18px; font-weight: bold; } h2 { font-size: 14px; font-weight: bold; } h3 { font-size: 13px; font-weight: bold; } h4 { font-size: 12px; font-weight: bold; } h5 { font-size: 11px; font-weight: bold; } .field { float: left; } .field label { color:#646464; font-weight:bold; white-space: nowrap; } /******************************************************************** /* Content\Global\Drop\Drop.css /********************************************************************/ div.drop { position: absolute; display: none; z-index: 30000; } div.drop .drop-top-left { background: transparent url(/Content/Global/Drop/Drop.TL.png) no-repeat 0 0; position: absolute; top: 10px; left: -6px; width: 6px; height: 6px; } div.drop .drop-top-right { background: transparent url(/Content/Global/Drop/Drop.TR.png) no-repeat 0 0; position: absolute; width: 9px; height: 7px; top: 9px; right: -9px;} div.drop .drop-bottom-left { background: transparent url(/Content/Global/Drop/Drop.BL.png) no-repeat 0 0; position: absolute; bottom: -25px; left: -6px; width: 6px; height: 9px; } div.drop .drop-bottom-right { background: transparent url(/Content/Global/Drop/Drop.BR.png) no-repeat 0 0; position: absolute; width: 9px; height: 9px; bottom: -25px; right: -9px; } div.drop .drop-top { background: transparent url(/Content/Global/Drop/Drop.TM.png) no-repeat 0 0; position: relative; } div.drop.mirrored .drop-top { background:url("/Content/Global/Drop/Drop.TM.Mirrored.png") no-repeat scroll 100% 0 transparent; } div.drop .drop-bottom { background: transparent url(/Content/Global/Drop/Drop.BM.png) repeat-x 0 100%; position: relative; bottom: -9px; left: -9px; } div.drop .drop-left { background: transparent url(/Content/Global/Drop/Drop.ML.png) no-repeat 0 100%; position: relative; left: -6px; top: 16px; } div.drop .drop-right { background: transparent url(/Content/Global/Drop/Drop.MR.png) no-repeat 100% 100%; position: relative; right: -15px; top: 0px; } div.drop .drop-middle { background: #fff url(/Content/Global/Drop/Drop.MM.png) repeat-x 0 100%; position: relative; top: -9px; left: 0px; } /******************************************************************** /* Content\Global\TabDrop\TabDrop.css /********************************************************************/ .tab-drop { position: absolute; top: -5px; left: 1px; z-index: 30000; display: none; } .tab-drop .tab-drop-tab { position: relative; background: transparent url(/Content/Global/TabDrop/TabDrop.Tab.Left.png) no-repeat; display: inline-block; left: -6px; z-index: 500; } .tab-drop .tab-drop-tab .tab-drop-wrapper { background: transparent url(/Content/Global/TabDrop/TabDrop.Tab.Right.png) no-repeat 100% 0; margin-right: -5px; padding: 5px 0 0 0; } .tab-drop .tab-drop-content { position: relative; left: 0px; top: -2px; z-index: 400; } .tab-drop .tab-drop-content .tab-drop-top-left { background: transparent url(/Content/Global/TabDrop/TabDrop.Content.ML.png) no-repeat 0 0; position: absolute; top: 1px; left: -6px; width: 6px; height: 4px; } .tab-drop .tab-drop-content .tab-drop-top-right { background: transparent url(/Content/Global/TabDrop/TabDrop.Content.TR.png) no-repeat 0 0; position: absolute; width: 9px; height: 7px; top: 1px; right: -9px;} .tab-drop .tab-drop-content .tab-drop-bottom-left { background: transparent url(/Content/Global/TabDrop/TabDrop.Content.BL.png) no-repeat 0 0; position: absolute; bottom: -14px; left: -6px; width: 6px; height: 9px; } .tab-drop .tab-drop-content .tab-drop-bottom-right { background: transparent url(/Content/Global/TabDrop/TabDrop.Content.BR.png) no-repeat 0 0; position: absolute; width: 9px; height: 9px; bottom: -14px; right: -8px; } .tab-drop .tab-drop-content .tab-drop-top { background: transparent url(/Content/Global/TabDrop/TabDrop.Content.TM.png) repeat-x 0 0; position: relative; } .tab-drop .tab-drop-content .tab-drop-bottom { background: transparent url(/Content/Global/TabDrop/TabDrop.Content.BM.png) repeat-x 0 100%; position: relative; bottom: -7px; left: -7px; } .tab-drop .tab-drop-content .tab-drop-left { background: transparent url(/Content/Global/TabDrop/TabDrop.Content.ML.png) no-repeat 0 100%; position: relative; left: -6px; top: 5px; } .tab-drop .tab-drop-content .tab-drop-right { background: transparent url(/Content/Global/TabDrop/TabDrop.Content.MR.png) no-repeat 100% 100%; position: relative; right: -12px; top: 0px; } .tab-drop .tab-drop-content .tab-drop-middle { background: #fff url(/Content/Global/TabDrop/TabDrop.Content.MM.png) repeat-x 0 100%; position: relative; top: -7px; left: 0px; } .ie7 .tab-drop .tab-drop-tab { padding-right: 5px; } .ie6 .tab-drop .drop-top { background-image: url(/Content/Global/Drop/Drop.TM.gif); z-index: 31000;} .ie6 .tab-drop .drop-bottom {background-image: url(/Content/Global/Drop/Drop.BM.gif); } .ie6 .tab-drop .drop-bottom-right {background-image: url(/Content/Global/Drop/Drop.BR.gif); bottom: -26px; right: -8px; } .ie6 .tab-drop .drop-bottom-left {background-image: url(/Content/Global/Drop/Drop.BL.gif); bottom: -28px; left: -6px; } .ie6 .tab-drop .drop-top-left {background-image: url(/Content/Global/Drop/Drop.TL.gif); } .ie6 .tab-drop .drop-top-right {background-image: url(/Content/Global/Drop/Drop.TR.gif); } .ie6 .tab-drop .drop-right {background-image: url(/Content/Global/Drop/Drop.MR.gif); } .ie6 .tab-drop .drop-left {background-image: url(/Content/Global/Drop/Drop.ML.gif); } .ie6 .tab-drop .tab-drop-bottom-right {bottom: -20px; right: -8px; } .ie6 .tab-drop .tab-drop-bottom-left {bottom: -20px; left: -6px; } /* TODO: is overridden from TabDrop.css in ie6 */ .ie6 .tab-drop .tab-drop {position: absolute; z-index:35000; } /******************************************************************** /* Content\Global\Rating\Rating.css /********************************************************************/ span.rating { display: block; position:relative; text-decoration: none !important; } span.rating strong { height:0; left:0; overflow:hidden; position:absolute; top:0; } span.rating span { height:0; left:0; overflow:hidden;position:absolute; top:0; width: 0px; } span.rating.tiny { color:#999999; font-size:11px !important; height:12px; line-height:12px !important; padding-left:65px; } span.rating.tiny strong { background:transparent url(/Content/Global/Rating/Rating.Tiny.Stars.png) repeat-x scroll 0 -12px; padding-top:11px; width:60px; } span.rating.tiny span { background:transparent url(/Content/Global/Rating/Rating.Tiny.Stars.png) repeat-x scroll 0 -0px; height:0; padding-top:11px; } .ie6 span.rating.tiny strong { background:transparent url(/Content/Global/Rating/Rating.Tiny.Stars.gif) repeat-x scroll 0 -12px; } .ie6 span.rating.tiny span { background:transparent url(/Content/Global/Rating/Rating.Tiny.Stars.gif) repeat-x scroll 0 0; } span.rating.tiny.r1 span { width:12px; } span.rating.tiny.r1\.5 span { width:18px; } span.rating.tiny.r2 span { width:24px; } span.rating.tiny.r2\.5 span { width:30px; } span.rating.tiny.r3 span { width:36px; } span.rating.tiny.r3\.5 span { width:42px; } span.rating.tiny.r4 span { width:48px; } span.rating.tiny.r4\.5 span { width:54px; } span.rating.tiny.r5 span { width:60px; } span.rating.small { color:#999999; font-size:11px !important; height:12px; line-height:12px !important; padding-left:75px; } span.rating.small strong { background:transparent url(/Content/Global/Rating/Rating.Small.Stars.png) repeat-x scroll 0 -12px; padding-top:11px; width:70px; } span.rating.small span { background:transparent url(/Content/Global/Rating/Rating.Small.Stars.png) repeat-x scroll 0 -0px; height:0; padding-top:11px; } .ie6 span.rating.small { width: 70px; } .ie6 span.rating.small strong { background:transparent url(/Content/Global/Rating/Rating.Small.Stars.gif) repeat-x scroll 0 -12px; padding-top:11px; width:70px; } .ie6 span.rating.small span { background:transparent url(/Content/Global/Rating/Rating.Small.Stars.gif) repeat-x scroll 0 -0px; height:0; padding-top:11px; } span.rating.small.r1 span { width:14px; } span.rating.small.r1\.5 span { width:20px; } span.rating.small.r2 span { width:28px; } span.rating.small.r2\.5 span { width:34px; } span.rating.small.r3 span { width:42px; } span.rating.small.r3\.5 span { width:48px; } span.rating.small.r4 span { width:56px; } span.rating.small.r4\.5 span { width:62px; } span.rating.small.r5 span { width:70px; } span.rating.big { color:#999999; font-size:11px !important; height:18px; line-height:18px !important; padding-left:95px; } span.rating.big strong { background:transparent url(/Content/Global/Rating/Rating.Big.Stars.png) repeat-x scroll 0 -18px; padding-top:18px; width:90px; } span.rating.big span { background:transparent url(/Content/Global/Rating/Rating.Big.Stars.png) repeat-x scroll 0 -0px; padding-top:18px; } .ie6 span.rating.big { color:#999999; font-size:11px !important; height:18px; line-height:18px !important; padding-left:95px; } .ie6 span.rating.big strong { background:transparent url(/Content/Global/Rating/Rating.Big.Stars.gif) repeat-x scroll 0 -18px; padding-top:18px; width:90px; } .ie6 span.rating.big span { background:transparent url(/Content/Global/Rating/Rating.Big.Stars.gif) repeat-x scroll 0 -0px; padding-top:18px; } span.rating.big.r1 span { width:18px; } span.rating.big.r1\.5 span { width:27px; } span.rating.big.r2 span { width:36px; } span.rating.big.r2\.5 span { width:45px; } span.rating.big.r3 span { width:54px; } span.rating.big.r3\.5 span { width:63px; } span.rating.big.r4 span { width:72px; } span.rating.big.r4\.5 span { width:81px; } span.rating.big.r5 span { width:90px; } .ie6 .r1 span { width:14px; } .ie6 .r1\.5 span { width:20px; } .ie6 .r2 span { width:28px; } .ie6 .r2\.5 span { width:34px; } .ie6 .r3 span { width:42px; } .ie6 .r3\.5 span { width:48px; } .ie6 .r4 span { width:56px; } .ie6 .r4\.5 span { width:62px; } .ie6 .r5 span { width:70px; } .ie6 .margin .r1 span { width:12px; } .ie6 .margin .r1\.5 span { width:18px; } .ie6 .margin .r2 span { width:24px; } .ie6 .margin .r2\.5 span { width:30px; } .ie6 .margin .r3 span { width:36px; } .ie6 .margin .r3\.5 span { width:42px; } .ie6 .margin .r4 span { width:48px; } .ie6 .margin .r4\.5 span { width:54px; } .ie6 .margin.r5 span { width:60px; } .ie .main .r1 span { width:18px; } .ie .main .r1\.5 span { width:27px; } .ie .main .r2 span { width:36px; } .ie .main .r2\.5 span { width:45px; } .ie .main .r3 span { width:54px; } .ie .main .r3\.5 span { width:63px; } .ie .main .r4 span { width:72px; } .ie .main .r4\.5 span { width:81px; } .ie .main .r5 span { width:90px; } .ie .main .review .r1 span { width:14px; } .ie .main .review .r1\.5 span { width:20px; } .ie .main .review .r2 span { width:28px; } .ie .main .review .r2\.5 span { width:34px; } .ie .main .review .r3 span { width:42px; } .ie .main .review .r3\.5 span { width:48px; } .ie .main .review .r4 span { width:56px; } .ie .main .review .r4\.5 span { width:62px; } .ie .main .review .r5 span { width:70px; } /******************************************************************** /* Content\Global\Button\Button.css /********************************************************************/ span.button { position: relative; background: transparent url(/Content/Global/Button/Button.Background.png) no-repeat scroll 0 0; display: -moz-inline-box; display:inline-block; height:21px; line-height:21px; margin-right: 10px; } span.button a, span.button button { background:transparent url(/Content/Global/Button/Button.Right.Background.png) no-repeat scroll 100% 0; color:#767C79; cursor:pointer; display:block; height:21px; line-height:21px; padding:0 15px; font-size: 11px; font-weight:bold; margin-right: -10px; text-decoration: none; } .ie span.button a, .ie span.button button { white-space: nowrap; } .ie7 span.button a, .ie7 span.button button { width: 1%; white-space: nowrap; } span.button:hover{ background-position: 0 -21px; } span.button button:hover{ background-position: 100% -21px; } span.button:hover a { background-position: 100% -21px; } span.red.button { background-image: url(/Content/Global/Button/Button.Red.Background.png); } span.red.button a, span.red.button button { background-image: url(/Content/Global/Button/Button.Red.Right.Background.png); color: #fff; } span.big-button { background: transparent url(/Content/Global/Button/Button.Big.Background.png) no-repeat scroll 0 0; height:27px; line-height:27px; } span.big-button a, span.big-button button { background: transparent url(/Content/Global/Button/Button.Big.Right.Background.png) no-repeat scroll 100% 0; height:27px; line-height:27px; color: #646464; font-size: 13px; padding: 0 15px; } span.big-button:hover { background-position: 0 0; } span.big-button:hover a, span.big-button:hover button { background-position: 100% 0; } .ie6 span.red.button a:hover { color: #fff; text-decoration: none; } .ie6 span.button, .ie6 span.button a { white-space: nowrap; width: 1%; zoom: 1; } .ie6 span.button { display: inline-block !important; } .ie6 span.button button { padding-left: 6px !important; padding-right: 6px !important; } .ie6 span.button button, .ie6 span.button a { position: relative; } /******************************************************************** /* Content\Global\Input\Input.css /********************************************************************/ span.input-text { display:inline-block; padding: 5px 5px 1px 5px; position:relative; border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; background: transparent url(/Content/Global/Input/Input.Text.Background.png) no-repeat; height: 20px; width: 125px; float: left; } span.input-text input { border:0 none; width:100%; font-size: 13px; color: #646464; box-sizing: content-box; -moz-box-sizing: padding-box; -webkit-box-sizing: content-box; } label.mandatory {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding; background:transparent url(/Content/Global/Input/Input.Required.Marker.gif) no-repeat scroll 100% 60%; padding-right:10px;} .ie span.input-text input { margin-top: -1px; } .ie span.input input { padding-right: 0px; margin-top: -1px; } /******************************************************************** /* Content\Global\Carousel\Carousel.css /********************************************************************/ .carousel { position: relative; } .carousel .carousel-items { overflow: hidden; position: relative; } .carousel ul { float: left; } .carousel ul li { float: left; } .carousel .carousel-next { position: absolute; background: transparent url(/Content/Global/Carousel/Carousel.Horizontal.Next.png) no-repeat; width: 33px; height: 33px; cursor: pointer; } .carousel .carousel-previous { position: absolute; background: transparent url(/Content/Global/Carousel/Carousel.Horizontal.Previous.png) no-repeat; width: 33px; height: 33px; cursor: pointer; } .carousel.vertical .carousel-next { background: transparent url(/Content/Global/Carousel/Carousel.Vertical.Next.png) no-repeat; } .carousel.vertical .carousel-previous { background: transparent url(/Content/Global/Carousel/Carousel.Vertical.Previous.png) no-repeat; } .carousel ol.carousel-pagination { display: -moz-inline-box; display: inline-block; height: 10px; } .carousel ol.carousel-pagination li { float:left; height:12px; text-indent:-999em; width:12px; background: transparent url(/Content/Global/Carousel/Carousel.Indicators.png) no-repeat 0 -12px; } .carousel ol.carousel-pagination li.active { background-position: 0 0; } .ie6 .vertical .carousel-previous { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Global/Carousel/Carousel.Vertical.Previous.png'); } .ie6 .vertical .carousel-next { top: 374px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Global/Carousel/Carousel.Vertical.Next.png'); } .ie6 .horizontal .carousel-previous { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Global/Carousel/Carousel.Horizontal.Previous.png'); } .ie6 .horizontal .carousel-next { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Global/Carousel/Carousel.Horizontal.Next.png'); } .ie6 .carousel ol.carousel-pagination li {background:transparent url(/Content/Global/Carousel/Carousel.Indicators.gif) no-repeat scroll 0 -12px;} .ie6 .carousel ol.carousel-pagination li .active { overflow: hidden; height: 12px;} .ie6 .carousel ol.carousel-pagination { overflow: hidden; } /******************************************************************** /* Content\Global\SizeAndColorRange\SiteAndColorRange.css /********************************************************************/ div.size-and-color-range { float: left; font-size: 10px; } div.size-and-color-range span { display: inline !important; position: relative; } div.size-and-color-range span strong { text-decoration: underline; cursor: pointer; font-weight: normal; } div.size-and-color-range div.drop { display: none; font-size: 12px; text-decoration: none; } div.size-and-color-range div.drop .drop-middle { min-width: 130px; } .ie div.size-and-color-range div.drop { left: 0px; top: 14px; } .ie div.size-and-color-range .drop-middle { white-space: nowrap; text-decoration: none; } .ie div.size-and-color-range .drop-middle a { text-decoration: none; } .ie6 div.size-and-color-range div.colors { display: inline; } /******************************************************************** /* Content\Global\Error\Error.css /********************************************************************/ .error-summary div.error { background: transparent url(/Content/Global/Error/Error.Summary.Background.png) no-repeat 0 100%; position: static; min-height: 0px; max-width: 100%; padding: 0px; display: block;} .error-summary div.error div.error-wrapper { border-right: solid 1px #999999; } .error-summary div.error .close { display: none; } div.error { position: absolute; background:transparent url(/Content/Global/Error/Error.Background.png) no-repeat scroll 0 100%; color:#000; font-size:1.1em; max-width:400px; z-index:55000; min-height: 48px; left: 0px; cursor: pointer; display: none; } div.error div.error-wrapper { position: relative; background: transparent url(/Content/Global/Error/Error.Sign.png) no-repeat 5px 5px; padding: 12px 12px 12px 45px; margin-bottom: 8px; border-top: solid 1px #999; border-right: solid 1px #999; font-size: 11px; min-width: 150px; } div.error .close { position: absolute; right: -10px; top: -10px; width: 21px; height: 21px; background: transparent url(/Content/Global/Error/Error.Close.png) no-repeat; } div.embedded-warning { background: transparent url(/Content/Global/Error/Error.Summary.Background.png) no-repeat 0 100%; position: inherit; min-height: 0px; max-width: 100%; padding: 0px; display: block;} div.embedded-warning .embedded-warning-wrapper { background:url("/Content/Global/Error/Error.Sign.png") no-repeat scroll 5px 5px transparent; border:1px solid #999999; font-size:11px; margin-bottom:8px; min-width:150px; padding:12px 12px 12px 45px; position:relative; } /******************************************************************** /* Content\Global\Message\Message.css /********************************************************************/ div.message { position: absolute; background:transparent url(/Content/Global/Message/Message.Background.png) no-repeat scroll 0 100%; color:#000; font-size:1.1em; max-width:400px; z-index:55000; min-height: 48px; left: 0px; cursor: pointer; display: none; } .ie6 div.message { background: transparent url(/Content/Global/Message/Message.Background.gif) no-repeat scroll 0 100%; } div.message div.message-wrapper { padding: 12px 12px 12px 12px; margin-bottom: 8px; border-top: solid 1px #999; border-right: solid 1px #999; } /******************************************************************** /* Content\Global\Popup\Popup.css /********************************************************************/ #overlay { background:#000 none repeat scroll 0 0; bottom:0; display:none; left:0; position:fixed; right:0; top:0; z-index:60000; } #popup { text-align: left; display:none; position:absolute; z-index:60001; } .ie6 #popup { border: 1px solid #AAAAAA; } #popup div.popup-close { background:transparent url(/Content/Global/Popup/Popup.Close.png) no-repeat scroll 100% 0; cursor:pointer; height:24px; width: 24px; position:absolute; right:-12px; top:-12px; z-index:60002; } .ie6 #popup div.popup-close { background:transparent url(/Content/Global/Popup/Popup.Close.gif) no-repeat scroll 100% 0; } #popup.loader { background: #fff url(/Content/Global/Popup/Popup.AjaxLoader.gif) no-repeat 50% 50%; width: 249px; height: 49px; } #popup.loader #popup-container { display: none; } /******************************************************************** /* Content\Global\CollapsiblePanel\CollapsiblePanel.css /********************************************************************/ .collapsible-panel h2 { background:transparent url(/Content/Global/CollapsiblePanel/CollapsiblePanel.Navigation.png) no-repeat scroll 0 -20px; cursor:pointer; height:20px; line-height:20px; padding-left:25px; } .collapsible-panel.expanded h2 { background-position:0 0; } .collapsible-panel div.content { display:none; margin-left:25px; margin-top:10px; } .collapsible-panel.expanded div.content { display: block; position: relative; } /******************************************************************** /* Content\Global\ButtonGroup\ButtonGroup.css /********************************************************************/ .button-group { } .button-group span.option { height: 26px; display: inline-block; } .button-group span.option span { height: 26px; display: block; } .button-group span.option button { height: 26px; line-height: 26px; display: block; border: 0; margin: 0; } .ie6 .button-group span.option span { display: inline-block; } .ie6 .button-group span.option button { display: inline-block; } .button-group span.option.first { background: transparent url(/Content/Global/ButtonGroup/ButtonGroup.Button.Edges.Left.png) no-repeat; padding-left: 5px; } .button-group span.option.first.active, .button-group span.option.first:hover { background-position: 0 -26px; } .button-group span.option.last span { background: transparent url(/Content/Global/ButtonGroup/ButtonGroup.Button.Edges.Right.png) no-repeat right 0; padding-right: 5px; } .button-group span.option.last.active span , .button-group span.option.last:hover span { background-position: right -26px; } .button-group span.option button { color: #222; padding: 0 5px; font-size: 11px; background: transparent url(/Content/Global/ButtonGroup/ButtonGroup.Button.Background.png) no-repeat; } .button-group span.option.active button { background-position: 0 -26px; font-weight: bold; color: #444; } .button-group span.option:hover button { background-position: 0 -26px; } .button-group span.option-checkbox button { background-position: right -78px; padding: 0 25px 0 5px; } .button-group span.option-checkbox.active button { background-position: right -104px; } .button-group span.option-checkbox:hover button { background-position: right -104px; } .button-group-pink span.option.first.active, .button-group-pink span.option.first:hover { background-position: 0 -52px; } .button-group-pink span.option.last.active span , .button-group-pink span.option.last:hover span { background-position: right -52px; } .button-group-pink span.option.active button { background-position: 0 -52px; color: #fff; font-weight: bold; } .button-group-pink span.option:hover button { background-position: 0 -52px; color: #fff; } .button-group-pink span.option-checkbox.active button { background-position: right -130px; } .button-group-pink span.option-checkbox:hover button { background-position: right -130px; } .ie6 .button-group span.option-checkbox button { background-position: right 0; } .ie6 .button-group span.active button { background-position: right -26px !important; } .ie6 .button-group-pink span.active button { background-position: right -52px !important; } /******************************************************************** /* Content\Global\Zoom\Zoom.css /********************************************************************/ .zoom.viewport { position: relative; overflow: hidden; } .zoom.viewport .help { position: absolute; z-index: 30; bottom: 0px; left: 0px; padding:6px 10px 8px 50px; color: #fff; font-size: 11px; font-weight: bold; display: none; background: transparent url(/Content/Global/Zoom/Zoom.Help.Background.png) no-repeat; } .zoom.viewport img { position: absolute; z-index: 10; border: 0 !important; } .zoom.viewport .loader { position: absolute; z-index: 40; height: 29px; width: 230px; display: none; background: #fff url(/Content/Global/AjaxLoader.Bar.gif) no-repeat 5px 5px; } /******************************************************************** /* Content\Global\Tab\Tab.css /********************************************************************/ .tab-container .tab-content { display: none; } .tab-container .tab-content.current { display: block; } /******************************************************************** /* Content\Global\Watermark\Watermark.css /********************************************************************/ input[type=text].watermark { color: #999 !important; } /******************************************************************** /* Content\Global\FavoriteToggle\FavoriteToggle.css /********************************************************************/ .favorite-toggle { display: block; width: 20px; height: 20px; background: transparent url(/Content/Global/FavoriteToggle/Heart.png) no-repeat 100% 0px; } .favorite-toggle.favorite-toggle-active { background: transparent url(/Content/Global/FavoriteToggle/Heart.png) no-repeat 100% -20px; } .favorite-toggle.favorite-toggle-loading { background: transparent url(/Content/Global/AjaxLoader.Small.gif) no-repeat 2px 2px; } .favorite-toggle.favorite-toggle-count { width: auto; padding-right: 25px; line-height: 20px; display: inline-block; color: #ccc; text-decoration: none; } .favorite-toggle.favorite-toggle-count.favorite-toggle-loading { background: transparent url(/Content/Global/AjaxLoader.Small.gif) no-repeat 100% 2px; } /******************************************************************** /* Content\Global\ArrowButton\ArrowButton.css /********************************************************************/ .arrow-button { height: 26px; display: inline-block; padding-left: 12px; margin-right: 12px; background: transparent url(/Content/Global/ArrowButton/ArrowButton.Left.png) no-repeat 0 0;} .arrow-button a { height: 26px; line-height: 26px; padding-right:12px; margin-right: -12px; display: inline-block; color: #fff; font-weight: bold; background: transparent url(/Content/Global/ArrowButton/ArrowButton.Right.png) no-repeat 100% 0;} .arrow-button.arrow-button-right { background: transparent url(/Content/Global/ArrowButton/ArrowButton.Right.Left.png) no-repeat 0 0; } .arrow-button.arrow-button-right a { background: transparent url(/Content/Global/ArrowButton/ArrowButton.Right.Right.png) no-repeat 100% 0; padding-right:17px; } .big-arrow-button { height: 38px; display: inline-block; padding-left: 12px; margin-right: 12px; background: transparent url(/Content/Global/ArrowButton/ArrowButton.Big.Left.png) no-repeat 0 0;} .big-arrow-button a { height: 38px; line-height: 38px; padding-right:12px; margin-right: -12px; font-size: 18px; display: inline-block; color: #fff; font-weight: bold; background: transparent url(/Content/Global/ArrowButton/ArrowButton.Big.Right.png) no-repeat 100% 0;} .big-arrow-button a img { vertical-align: middle; } /******************************************************************** /* Content\Global\BorderDrop\BorderDrop.css /********************************************************************/ div.border-drop { position: absolute; display: none; z-index: 30000; } div.border-drop .drop-top-left { background: transparent url(/Content/Global/BorderDrop/BorderDrop.TL.png) no-repeat 0 0; position: absolute; top: 17px; left: -14px; width: 14px; height: 14px; } div.border-drop .drop-top-right { background: transparent url(/Content/Global/BorderDrop/BorderDrop.TR.png) no-repeat 0 0; position: absolute; top: 17px; right: -14px; width: 14px; height: 14px; } div.border-drop .drop-bottom-left { background: transparent url(/Content/Global/BorderDrop/BorderDrop.BL.png) no-repeat 0 0; position: absolute; bottom: 0px; left: -14px; width: 14px; height: 14px; } div.border-drop .drop-bottom-right { background: transparent url(/Content/Global/BorderDrop/BorderDrop.BR.png) no-repeat 0 0; position: absolute; bottom: 0px; right: -14px; width: 14px; height: 14px; } div.border-drop .drop-top { background: transparent url(/Content/Global/BorderDrop/BorderDrop.TM.png) no-repeat 0 0; position: relative; padding-top: 31px;} div.border-drop .drop-bottom { background: transparent url(/Content/Global/BorderDrop/BorderDrop.BM.png) repeat-x 0 100%; position: relative; padding-bottom: 14px; } div.border-drop .drop-left { background: transparent url(/Content/Global/BorderDrop/BorderDrop.ML.png) no-repeat 0 100%; position: relative; left: -14px; } div.border-drop .drop-right { background: transparent url(/Content/Global/BorderDrop/BorderDrop.MR.png) no-repeat 100% 100%; position: relative; right: -28px; } div.border-drop .drop-middle { background: #fff url(/Content/Global/BorderDrop/BorderDrop.MM.png) repeat-x 0 100%; position: relative; left: -14px; } /******************************************************************** /* Content\Shared\Sort.css /********************************************************************/ .shared-sort { font-size: 11px; line-height: 22px; } .shared-sort span { display: inline-block; float: left; font-weight: bold; color: #646464; } .shared-sort ul { float: left; margin-left: 5px; } .shared-sort ul li { float: left; padding: 4px 6px; } .shared-sort ul li.current { background-color: #ECEDEC; } .shared-sort ul li.current span { background-position: 0 -11px; } .shared-sort ul li.descending span { background-position: 0 -22px; } .shared-sort ul li span { width: 11px; height: 11px; margin-top: 1px; background: transparent url(/Content/Shared/Sort.Buttons.png) no-repeat; } .ie6 .shared-sort ul li span { overflow: hidden; background: transparent url(/Content/Shared/Sort.Buttons.gif) no-repeat scroll 0 0; } .shared-sort ul li a { line-height: normal; margin-left: 5px; float: left; } /******************************************************************** /* Content\Shared\Pagination.css /********************************************************************/ .shared-pagination { } .shared-pagination li { float: left; display: inline-block; line-height: 29px; } .shared-pagination li.current a { background-color: #ECEDEC; text-decoration: none; } .shared-pagination li a { padding: 4px 6px; font-size: 11px; color: #CF1D5F; text-decoration: underline; } .shared-pagination li a:hover { text-decoration: none; } .shared-pagination li.next a, .shared-pagination li.previous a { float: left; display: inline-block; background: transparent url(/Content/Shared/Pagination.Buttons.png) no-repeat 0 0; color: transparent; height:29px; padding:0; text-indent:-999em; width:27px; cursor: pointer; width: 29px; height: 27px; } .shared-pagination li.next a { background-position: -27px; } /******************************************************************** /* Content\Shared\Crumbs.css /********************************************************************/ .shared-crumbs li { float: left; margin-right: 5px; font-size: 11px; color: #666666; } .ie .shared-crumbs li { display: inline; } .shared-crumbs li a { color: #666666; text-decoration: underline; } .shared-crumbs li a:hover { color: #959595; text-decoration: none; } /******************************************************************** /* Content\Site\Header.css /********************************************************************/ #header { height: 108px; margin-bottom: 24px; position: relative; z-index: 40000; } .ie6 #header { z-index: 5000; } #header a.logotype { bottom: 9px; position: absolute; width: 190px; height: 49px; background: transparent url(/Content/Site/Header.Logotype.png); text-indent: -6789px; } #header .service { height: 43px; position: absolute; right: 324px; top: 0px; font-size: 0.9em; } #header .cart-mini-cart { position: absolute; right: -10px; } /******************************************************************** /* Content\Site\MainArea.css /********************************************************************/ #main-area { width: 960px; margin-bottom: 24px; position: relative; } #main-area.context-menu .context-menu { float: left; position: relative; } #main-area .main-area-content { float: right; width: 960px; z-index: 1; position: relative; min-height: 400px; background: #fff url(/Content/Site/MainArea.Content.NoMenu.Background.png) no-repeat; } #main-area.context-menu .main-area-content { width: 770px; min-height: 400px; background: #fff url(/Content/Site/MainArea.Content.Menu.Background.png) no-repeat; } .ie6 #main-area.context-menu .main-area-content { overflow: hidden; } /******************************************************************** /* Content\Site\Footer.css /********************************************************************/ #footer { padding: 0; font-family: Arial; font-size: 12px; color: #646464; background-color: #f0f0f0; } #footer .center { width: 960px; padding: 0; margin: 0 auto; } #footer h3 { font-size: 14px; font-weight: bold; padding: 0 0 5px 2px; margin: 0 0 6px 0; border-bottom: 1px solid #d7d7d7; } #footer h4 { font-size: 13px; font-weight: bold; margin: 10px 0 6px 0; } #footer .seo-section { width: 516px; float: left; padding: 2px; margin-right: 20px; } .ie6 #footer .seo-section { width: 500px; } #footer .service-section { width: 171px; float: left; padding: 2px; margin-right: 20px; } #footer .service-section ul { list-style: none; } #footer .service-section li { line-height: 17px; padding: 0 0 3px 23px; margin-bottom: 3px; background: transparent url(/Content/Site/Footer.Service.Check.png) no-repeat; } #footer .newsletter-section { width: 221px; float: left; padding: 2px; } #footer .newsletter-section .inline-newsletter .input-text { width: 209px; margin-bottom: 9px; } #footer .footer-divider { clear: both; height: 30px; } #footer .menu-section { padding: 4px; background-color: #fff; border: 1px solid #d7d7d7; } #footer .menu-section .background { width: 920px; background-color: Gray; padding: 15px; background: transparent url(/Content/Site/Footer.Menu.Background.png) repeat-x; } #footer .menu-section .information { width: 160px; float: left; margin-right: 20px; } #footer .menu-section .information ul { list-style: none; margin: 0; padding: 2px; } #footer .menu-section .categories { width: 320px; float: left; margin-right: 20px; } #footer .menu-section .categories ul { list-style: none; margin: 0; padding: 2px; } #footer .menu-section .categories li { float: left; padding-right: 6px; } #footer .menu-section .categories li a { font-weight: bold; white-space: nowrap; } #footer .menu-section .categories li a:hover { text-decoration: none; } #footer .menu-section .categories li.r1 a { color: #87024f; } #footer .menu-section .categories li.r1 a:hover { background-color: #87024f; color: #fff; } #footer .menu-section .categories li.r2 a { color: #87024f; } #footer .menu-section .categories li.r2 a:hover { background-color: #87024f; color: #fff; } #footer .menu-section .categories li.r3 a { color: #960953; } #footer .menu-section .categories li.r3 a:hover { background-color: #960953; color: #fff; } #footer .menu-section .categories li.r4 a { color: #9e0b55; } #footer .menu-section .categories li.r4 a:hover { background-color: #9e0b55; color: #fff; } #footer .menu-section .categories li.r5 a { color: #87024f; } #footer .menu-section .categories li.r5 a:hover { background-color: #87024f; color: #fff; } #footer .menu-section .categories li.r6 a { color: #ac1158; } #footer .menu-section .categories li.r6 a:hover { background-color: #ac1158; color: #fff; } #footer .menu-section .categories li.r7 a { color: #b21459; } #footer .menu-section .categories li.r7 a:hover { background-color: #b21459; color: #fff; } #footer .menu-section .categories li.r8 a { color: #ba175b; } #footer .menu-section .categories li.r8 a:hover { background-color: #ba175b; color: #fff; } #footer .menu-section .categories li.r9 a { color: #c31a5d; } #footer .menu-section .categories li.r9 a:hover { background-color: #c31a5d; color: #fff; } #footer .menu-section .categories li.r10 a { color: #c91d5f; } #footer .menu-section .categories li.r10 a:hover { background-color: #c91d5f; color: #fff; } #footer .menu-section .categories li.r11 a { color: #d02463; } #footer .menu-section .categories li.r11 a:hover { background-color: #d02463; color: #fff; } #footer .menu-section .categories li.r12 a { color: #d12e69; } #footer .menu-section .categories li.r12 a:hover { background-color: #d12e69; color: #fff; } #footer .menu-section .categories li.r13 a { color: #d33d73; } #footer .menu-section .categories li.r13 a:hover { background-color: #d33d73; color: #fff; } #footer .menu-section .categories li.r14 a { color: #d54b7b; } #footer .menu-section .categories li.r14 a:hover { background-color: #d54b7b; color: #fff; } #footer .menu-section .categories li.r15 a { color: #d75983; } #footer .menu-section .categories li.r15 a:hover { background-color: #d75983; color: #fff; } #footer .menu-section .categories li.r16 a { color: #d8648a; } #footer .menu-section .categories li.r16 a:hover { background-color: #d8648a; color: #fff; } #footer .menu-section .categories li.r17 a { color: #da7192; } #footer .menu-section .categories li.r17 a:hover { background-color: #da7192; color: #fff; } #footer .menu-section .categories li.r18 a { color: #dc7e9a; } #footer .menu-section .categories li.r18 a:hover { background-color: #dc7e9a; color: #fff; } #footer .menu-section .categories li.r19 a { color: #de8ea4; } #footer .menu-section .categories li.r19 a:hover { background-color: #de8ea4; color: #fff; } #footer .menu-section .categories li.r20 a { color: #e09aab; } #footer .menu-section .categories li.r20 a:hover { background-color: #e09aab; color: #fff; } #footer .menu-section .categories li.r21 a { color: #e1a8b3; } #footer .menu-section .categories li.r21 a:hover { background-color: #e1a8b3; color: #fff; } #footer .menu-section .categories li.r22 a { color: #e2b0b9; } #footer .menu-section .categories li.r22 a:hover { background-color: #e2b0b9; color: #fff; } #footer .menu-section .categories li.r23 a { color: #e2b6be; } #footer .menu-section .categories li.r23 a:hover { background-color: #e2b6be; color: #fff; } #footer .menu-section .categories li.r24 a { color: #e2bcc3; } #footer .menu-section .categories li.r24 a:hover { background-color: #e2bcc3; color: #fff; } #footer .menu-section .categories li.r25 a { color: #e2c2c8; } #footer .menu-section .categories li.r25 a:hover { background-color: #e2c2c8; color: #fff; } #footer .menu-section .social-media { width: 120px; float: left; margin-right: 20px; } #footer .menu-section .social-media a { display: block; padding: 4px 2px; margin-bottom: 3px; } #footer .menu-section .company { width: 260px; float: left; } #footer .menu-section .company .partners { height: 50px; margin-bottom: 20px; text-align: right; } #footer .menu-section .company .partners #verisign { margin: 5px 0; } #footer .menu-section .company .partners #TEH_LOGOTYPE { margin-left: 12px; } #footer .menu-section .company .contact { text-align: right; } #footer .market-section { padding: 10px 11px; } #footer .market-section ul { list-style: none; } #footer .market-section li { float: left; margin-right: 10px; } #footer .market-section li a { background: transparent url(/Content/Site/Footer.Markets.png) no-repeat; display: inline-block; height: 17px; padding-left: 20px; } #footer .market-section li.se a { background-position: 0 0; } #footer .market-section li.fi a { background-position: 0 -17px; } #footer .market-section li.ee a { background-position: 0 -34px; } #footer .market-section li.cz a { background-position: 0 -51px; } #footer .market-section li.pl a { background-position: 0 -68px; } #footer .market-section li.lv a { background-position: 0 -85px; } #footer .market-section li.sk a { background-position: 0 -102px; } #footer .market-section li.ru a { background-position: 0 -119px; } #footer .market-section li.ch a { background-position: 0 -136px; } #footer .market-section li.si a { background-position: 0 -153px; } #footer .market-section li.tr { margin-right: 0px; } #footer .market-section li.tr a { background-position: 0 -170px; } /******************************************************************** /* Content\Site\LegacyBrowser.css /********************************************************************/ .legacy-browser { float: left; display: none; border: solid 3px #ff0000; background-color: #fff; padding: 5px; margin-bottom: 10px; margin-top: -10px; position: relative; } .legacy-browser .help { float: left; width: 500px; } .legacy-browser .browsers { float: right; width: 400px; } .legacy-browser a { float: left; height: 37px; padding-left: 45px; background: transparent url(/Content/Global/Browsers.png) no-repeat; margin-left: 20px; line-height: 37px; margin-top: 10px; } .legacy-browser a.ie { background-position: 0 -37px; } .legacy-browser a.safari { background-position: 0 -74px; } .legacy-browser a.chrome { background-position: 0 -111px; } .legacy-browser .close { position: absolute; right: -11px; top: -11px; width: 21px; height: 21px; background: transparent url(/Content/Site/LegacyBrowser.Close.gif) no-repeat; } /******************************************************************** /* Content\Navigation\ServiceMenu.css /********************************************************************/ #header .service { padding-top: 8px; height: 35px; } #header .service h5 { color: #ce195d; white-space: nowrap; } #header .service a, #header .service .account.closed span { display: block; background: transparent url(/Content/Navigation/ServiceMenu.Arrow.png) no-repeat 0 3px; color: #646464; line-height: 14px; text-indent: 13px; } #header .service div.entry { margin-left: 20px; float: right; } #header .service .customer-service, #header .service .newsletter, #header .service .account { height: 28px; padding-left: 33px; background: transparent url(/Content/Navigation/ServiceMenu.Icons.png) no-repeat; position: relative; } #header .service .newsletter, #header .service .customer-service, #header .service .account { cursor: pointer; } #header .service .account.closed { cursor: default; } #header .service .customer-service a, #header .service .newsletter a, #header .service .account a { margin-top: -3px; display: inline-block; float: left; white-space: nowrap; } #header .service .service-menu { margin-left: 0px !important;} #header .service .service-menu div { float: left; margin-left: 20px; } .ie6 #header .service .newsletter .tab-drop { width: 200px; } #header .service .tab-drop .tab-drop-tab .tab-drop-wrapper .tab-drop-inner-wrapper { background: transparent url(/Content/Navigation/ServiceMenu.Icons.png) no-repeat; padding-left: 33px; margin-left: 5px; padding-right: 10px; height: 28px; } #header .service .account { background-position: 0 -56px; } #header .service .account .tab-drop .tab-drop-tab .tab-drop-wrapper .tab-drop-inner-wrapper { background-position: 0 -56px; } #header .service .account .tab-drop .tab-drop-content { width: 250px; } #header .service .account .tab-drop .tab-drop-content .tab-drop-middle { padding: 5px; overflow: hidden; } #header .service .account .tab-drop .tab-drop-content .tab-drop-middle .input-text { width: 230px; } #header .service .account .tab-drop .tab-drop-content .tab-drop-middle .error-summary { float: left; margin-top: 5px; } .ie #header .service .account .tab-drop .tab-drop-content .tab-drop-middle .error-summary { float: none; } #header .service .account .tab-drop .tab-drop-content .tab-drop-middle .error-summary .error { width: 242px; } #header .service .account .tab-drop .tab-drop-content .tab-drop-middle .actions { margin-top: 5px; float: left; } #header .service .account .tab-drop .tab-drop-content .tab-drop-middle .actions .button { float: right; margin: 7px; } #header .service .account .tab-drop .tab-drop-content .tab-drop-middle .actions a { margin-top: 0px; } #header .service .newsletter .tab-drop .tab-drop-tab .tab-drop-wrapper .tab-drop-inner-wrapper { background-position: 0 0; } #header .service .newsletter .tab-drop .tab-drop-content { width: 250px; } #header .service .newsletter .tab-drop .tab-drop-content .tab-drop-middle { padding: 5px; } #header .service .newsletter .tab-drop .tab-drop-content .tab-drop-middle .input-text { width: 135px; } #header .service .newsletter .tab-drop .tab-drop-content .tab-drop-middle .button { margin-left: 5px; } #header .service .customer-service { background-position: 0 -28px; margin-right: 20px; } #header .service .customer-service .tab-drop .tab-drop-tab .tab-drop-wrapper .tab-drop-inner-wrapper { background-position: 0 -28px; } #header .service .customer-service .tab-drop .tab-drop-content .tab-drop-middle { padding: 5px; width: 200px; } #header .service .customer-service .tab-drop .tab-drop-content .tab-drop-middle a { float: none; } .ie6 #header .service div.entry { margin: 0px 5px 0px 5px; } .ie6 #header .service a { background:transparent url(/Content/Navigation/ServiceMenu.Arrow.gif) no-repeat scroll 0 3px;} .ie6 #header .service .customer-service, .ie6 #header .service .newsletter, .ie6 #header .service .account { background-image: url(/Content/Navigation/ServiceMenu.Icons.gif); } .ie6 #header .service .inline-newsletter { position: fixed; z-index:31000;} .ie6 #header .service .inline-newsletter h4 { position: absolute; top: 5px; } .ie6 #header .service .inline-newsletter fieldset { padding-top: 30px; margin:0; top: 0; } .ie6 #header .service .inline-newsletter span { margin: 0; padding: 0 } .ie6 #header .service .tab-drop .tab-drop-tab .tab-drop-wrapper .tab-drop-inner-wrapper { background:transparent url(/Content/Navigation/ServiceMenu.Icons.gif) no-repeat scroll 0 0; } .ie6 #header .service .tab-drop .tab-drop-tab { overflow: hidden; } .ie6 #header .service .customer-service .tab-drop .tab-drop-content { width: 200px; } .ie #header .service .customer-service .tab-drop .tab-drop-tab .tab-drop-wrapper h5 { min-width: 70px; } /******************************************************************** /* Content\Navigation\DepartmentMenu.css /********************************************************************/ #header .department-menu { height: 43px; position: absolute; bottom: 9px; right: -5px; z-index:-10; } #header .department-menu li { float: left; background: transparent url(/Content/Navigation/DepartmentMenu.Background.png) no-repeat 0 0; height: 43px; position: relative; } #header .department-menu li a.item { display: inline-block; height: 38px; background: transparent url(/Content/Navigation/DepartmentMenu.Background.Right.png) no-repeat 100% 0; font-weight: bold; font-size: 13px; color: #fff; line-height: 38px; text-decoration: none; padding: 0px 14px; } #header .department-menu li.current { background-position: 0 -87px; } #header .department-menu li.current a.item { background: none; } #header .department-menu li:hover { background-position: 0 -172px; } #header .department-menu li:hover a.item { background: none; } #header .department-menu li.home { background-position: 0 -43px; } #header .department-menu li.current.home { background-position: 0 -130px; } #header .department-menu li.home a.item { padding: 0; margin: 0; } #header .department-menu li.home a.item span { display: inline-block; background: transparent url(/Content/Navigation/DepartmentMenu.Home.png) no-repeat; width: 15px; height: 20px; margin: 10px 14px 0 14px; padding: 0; cursor: pointer; } #header .department-menu li.home:hover { background-position: 0 -215px; } #header .department-menu li.home:hover a.item { background: none; } #header .department-menu li.discount a.item { background: transparent url(/Content/Navigation/DepartmentMenu.Discount.png) no-repeat 14px 10px; padding-left: 40px; } #header .department-menu li.search { background: transparent url(/Content/Navigation/DepartmentMenu.Search.Background.png) no-repeat 100% 0; } #header .department-menu li.search form { height: 37px; float: left; background: transparent url(/Content/Navigation/DepartmentMenu.Search.Background.Left.png) no-repeat; padding: 5px 14px 5px 14px; margin-top: 1px; } #header .department-menu li.search-not-end { background: transparent url(/Content/Navigation/DepartmentMenu.Background.png) no-repeat 100% 0; } #header .department-menu li.language { background: transparent url(/Content/Navigation/DepartmentMenu.Search.Background.png) no-repeat 100% 0; } #header .department-menu li.language .language-picker { display: inline-block; height: 37px; padding: 12px 14px 0 0; position: relative; } #header .department-menu li.language .language-picker .drop { left: auto; right: 0px; } #header .department-menu li.language .language-picker .drop .drop-middle .language { width: 150px; padding-bottom: 5px; } #header .department-menu li.language .language-picker .drop .drop-middle .language img { vertical-align: middle; margin-right: 5px; } #header .department-menu li.search span.input { background: transparent url(/Content/Navigation/DepartmentMenu.Search.Input.Background.png) no-repeat; height: 25px; margin-right: 0px; padding-left: 25px; width: 115px; float: left; margin-top: 1px;} #header .department-menu li.search span.input input { background-color: transparent; border: 0px; height: 25px; padding-top: 4px; width: 115px; font-size: 15px; color: #000; box-sizing: content-box; -moz-box-sizing: padding-box; -webkit-box-sizing: content-box; } #header .department-menu li.search span.search-button { background: transparent url(/Content/Navigation/DepartmentMenu.Search.Button.Background.png) no-repeat; height: 25px; display: inline-block; margin: 1px 0 2px 0; } #header .department-menu li.search span.search-button:hover { background-position: 0 -25px; } #header .department-menu li.search span.search-button button { background: transparent url(/Content/Navigation/DepartmentMenu.Search.Button.Background.Right.png) no-repeat 100% 0; margin-right: -2px; height: 25px; padding: 0 5px; } #header .department-menu li.search span.search-button:hover button { background-position: 100% -25px; } #header .department-menu div.drop { top: 43px; left: 0px; z-index: 50000; } #header .department-menu div.drop.mirrored { right: 0px; left: auto; } #header .department-menu div.drop .middle { padding: 15px 20px 15px 5px; } #header .department-menu div.drop .drop-top { background: transparent url(/Content/Global/Drop/Drop.TM.Centered.png) repeat-x 0 0; position: relative; } #header .department-menu div.drop table td dl { display: inline-block; margin-right: 10px; line-height: 1.5em; position: relative; white-space:nowrap; } #header .department-menu div.drop table td dl.line-break {width: 122px; white-space:normal; } #header .department-menu div.drop table td dt { color: #cf1d5f; font-weight: bold; font-size: 13px; margin-bottom: 0.5em; padding-left: 10px; } #header .department-menu div.drop table td dd { padding-left: 10px; } #header .department-menu div.drop table td dd a { color: #000; font-weight: bold; text-decoration: none; } #header .department-menu div.drop table td dd.current { background: transparent url(/Content/Navigation/DepartmentMenu.Drop.Arrow.png) no-repeat 0 5px; } #header .department-menu div.drop table td dd.current a { color: #cf1d5f; } #header .department-menu div.drop table td dd a:hover { color: #999; } #header .department-menu div.drop table td { vertical-align: top; height: 100%; } #header .department-menu div.drop .offers { border-left: solid 1px #e0e0e0; } #header .department-menu div.drop .offers div.offer-container { width: 107px; } #header .department-menu div.drop .offers div.carousel { position: relative; width: 71px; margin: 25px 15px 0px 21px; } #header .department-menu div.drop .offers div.carousel-items { width: 81px; height: 171px; } #header .department-menu div.drop .offers .carousel-next { right: -17px; top: 50px; } #header .department-menu div.drop .offers .carousel-previous { left: -17px; top: 50px; } #header .department-menu div.drop .offers ul li { background: none; width: 71px; height: 171px; cursor: pointer; line-height: normal; } #header .department-menu div.drop .offers a:hover { text-decoration: none; } #header .department-menu div.drop .offers span.name:hover { text-decoration: underline; } #header .department-menu div.drop .offers span.price { font-size: 13px; font-weight: bold; } #header .department-menu div.drop .offers span.price * { display: block; } #header .department-menu div.drop .offers span.info { color: #cf1d5f; font-weight: bold; text-decoration: underline; } #header .department-menu div.drop .offers span.info:hover { text-decoration: none; } #header .department-menu div.drop .popular { position: absolute; right: -5px; top: -5px; background: transparent url(/Content/Navigation/DepartmentMenu.Drop.Popular.png) no-repeat; width: 114px; height: 59px; } #header .department-menu li.search .drop { width: 230px; } #header .department-menu li.search .fact-finder-suggest-layer { width: 100%; font-weight: bold; } #header .department-menu li.search .fact-finder-suggest-layer tr td { padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; border-bottom-color: #e3e3e3; border-bottom-style: solid; border-bottom-width: 1px;} #header .department-menu li.search .fact-finder-suggest-layer .suggest-row-highlight { background-color: #e2e4e3; cursor: pointer; } #header .department-menu li.search .suggest-text-query-typed { background-color: #ce016a; color: #FFFFFF; } #header .department-menu li.search .fact-finder-suggest-layer .description { color: #646464; margin-left: 5px; } .ie6 #header .department-menu { z-index: -10; } .ie6 #header .department-menu .drop-top { float:left; position:relative; zoom: 1.0; } .ie6 #header .department-menu div.drop .offers div.carousel { margin-right: -10px; } .ie #header .department-menu div.drop .offers div.carousel { margin-right: -10px; } .ie6 #header .department-menu li.search div span.input input { padding-top: 5px; } .ie6 #header .department-menu li.search div { height: auto; } .ie6 #header .department-menu div.drop dl { margin-left: 14px; margin-top: 11px; } .ie6 #header .department-menu div.drop .offers { width: 350px; padding: 0px; } .ie6 #header .department-menu div.drop .offers .carousel-next { right: -0px; } .ie6 #header .department-menu div.drop .offers .carousel { margin-left: 20px; margin-top: 17px; } .ie6 #header .department-menu div.drop .offers { zoom: 1.0; } .ie6 #header .department-menu div.drop .offers div.carousel { margin-right: -15px; margin-top: 15px } .ie6 #header .department-menu div.drop .popular { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Navigation/DepartmentMenu.Drop.Popular.png'); } .ie6 #header .department-menu li.home a.item span { background: none; cursor:pointer; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Navigation/DepartmentMenu.Home.png'); } .ie6 #header .department-menu li { float: left; background: transparent url(/Content/Navigation/DepartmentMenu.Background.gif) no-repeat 0 0; } .ie6 #header .department-menu li.search { background: transparent url(/Content/Navigation/DepartmentMenu.Search.Background.gif) no-repeat 100% 0; } .ie6 #header .department-menu li.search-not-end { background: transparent url(/Content/Navigation/DepartmentMenu.Search.Background.gif) repeat-x; } .ie6 #header .department-menu li.language { background: transparent url(/Content/Navigation/DepartmentMenu.Search.Background.gif) no-repeat 100% 0; width: 25px;} .ie #header .department-menu li.search span.input input { padding-top: 5px; } /******************************************************************** /* Content\Navigation\ContextMenu.css /********************************************************************/ /******************************************************************** /* ContextMenu /********************************************************************/ #main-area .context-menu { width: 176px; float: left; z-index:5000; } #main-area .context-menu .menu { width: 176px; float: left; background: transparent url(/Content/Navigation/ContextMenu.Bottom.Background.png) no-repeat 0 100%; } #main-area .context-menu .menu .wrapper { width: 176px; float: left; background: transparent url(/Content/Navigation/ContextMenu.Top.Background.png) no-repeat; padding: 14px 5px 8px 9px; } #main-area .context-menu .menu a { display: block; color: #000; text-decoration: none; } #main-area .context-menu .margin { float:left; margin-top:15px; width: 176px; } /******************************************************************** /* ContextMenu/Department /********************************************************************/ #main-area .context-menu .menu .department { background-color: #f0f1f0; float: left; width: 158px; height: 25px; padding-bottom: 5px; position: relative; overflow: hidden; } #main-area .context-menu .menu .department.active { height: auto; overflow: visible; } #main-area .context-menu .menu .department h3 { height: 52px; line-height: 33px; color: #fff; margin-left: -5px; margin-right: -5px; padding-left: 14px; background: transparent url(/Content/Navigation/ContextMenu.Group.Header.Background.png) no-repeat; cursor: pointer; } /******************************************************************** /* ContextMenu/Department/Groups /********************************************************************/ #main-area .context-menu .menu .department dl { padding-top: 10px; float: left; width: 158px; } #main-area .context-menu .menu .department dl.group-1 { padding-top: 0px; } #main-area .context-menu .menu .department dl.group-2 { background: transparent url(/Content/Navigation/ContextMenu.Group.Divider.png) no-repeat; margin-top: 10px; } /******************************************************************** /* ContextMenu/Department/Groups/Direct Children /********************************************************************/ #main-area .context-menu .menu .department dt { margin-top: 1px; height: 19px; line-height: 19px; position: relative; } #main-area .context-menu .menu .department dt a { padding-left: 16px; font-weight: bold; } #main-area .context-menu .menu .department dt.has-children a { background: transparent url(/Content/Navigation/ContextMenu.Group.Black.Folded.png) no-repeat 10px 7px; } #main-area .context-menu .menu .department dt.expanded { background-color: #dbdcdb; } #main-area .context-menu .menu .department dt.has-children.expanded a { background: transparent url(/Content/Navigation/ContextMenu.Group.Black.Unfolded.png) no-repeat 7px 8px; } #main-area .context-menu .menu .department dt.active { background-color: #9e0d51; } #main-area .context-menu .menu .department dt:hover a { background-color: #dbdcdb; } #main-area .context-menu .menu .department dt.active:hover a { background-color: Transparent; } #main-area .context-menu .menu .department dt.active a { color: #fff; } #main-area .context-menu .menu .department dt.has-children.active a { background: transparent url(/Content/Navigation/ContextMenu.Group.White.Folded.png); } #main-area .context-menu .menu .department dt.has-children.active a { color: #fff; background: transparent url(/Content/Navigation/ContextMenu.Group.White.Unfolded.png) no-repeat 7px 8px; } #main-area .context-menu .menu .department dt.active a span.active { display: block; position: absolute; right: -8px; top: 0px; width: 8px; height: 19px; padding: 0; margin: 0; background: url(/Content/Navigation/ContextMenu.Group.Active.Background.png) no-repeat transparent; } /******************************************************************** /* ContextMenu/Department/Groups/Direct Children (See all) /********************************************************************/ #main-area .context-menu .menu .department dt a span.see-all { display: none; height: 15px; background: transparent url(/Content/Navigation/ContextMenu.Group.SeeAll.Background.png) no-repeat left top; line-height: 15px; float: right; position: absolute; right: 2px; top: 2px; cursor: pointer; } #main-area .context-menu .menu .department dt a span.see-all strong { display: block; height: 15px; background: transparent url(/Content/Navigation/ContextMenu.Group.SeeAll.Right.Background.png) no-repeat right top; line-height: 15px; white-space: nowrap; padding: 0 10px 0 5px; font-size: 11px; font-weight: normal; } #main-area .context-menu .menu .department dt a span.see-all strong:hover { text-decoration: underline; } #main-area .context-menu .menu .department dt.active a span.see-all { background-position: left -15px; } #main-area .context-menu .menu .department dt.active a span.see-all strong { background-position: right -15px; } /******************************************************************** /* ContextMenu/Department/Groups/Direct Children/Children Hierarchy /********************************************************************/ #main-area .context-menu .menu .department dd { display: none; padding: 2px 5px 2px 11px; } #main-area .context-menu .menu .department dd ul li.has-children.expanded a { background: transparent url(/Content/Navigation/ContextMenu.Group.Black.Unfolded.png) no-repeat 7px 8px; } #main-area .context-menu .menu .department dd ul li.children { display: none; } #main-area .context-menu .menu .department dd.active { background-color: #dbdcdb; display: block; } #main-area .context-menu .menu .department dd ul li { margin-top: 1px; } #main-area .context-menu .menu .department dd ul li.hover { background: transparent url(/Content/Navigation/ContextMenu.Group.ListItem.Hover.Background.png) no-repeat; } #main-area .context-menu .menu .department dd ul li a { display: block; height: 20px; padding-left: 10px; line-height: 20px; } #main-area .context-menu .menu .department dd ul li.current { background: transparent url(/Content/Navigation/ContextMenu.Group.ListItem.Active.Background.png) no-repeat; } #main-area .context-menu .menu .department dd ul li.current a { color: #fff; } #main-area .context-menu .menu .department dd ul li.has-children a { background: transparent url(/Content/Navigation/ContextMenu.Group.Black.Folded.png) no-repeat 6px 7px; } #main-area .context-menu .menu .department dd ul li.active.has-children a { background: transparent url(/Content/Navigation/ContextMenu.Group.Black.Unfolded.png) no-repeat 5px 9px; } #main-area .context-menu .menu .department dd ul li.current.has-children a { background: transparent url(/Content/Navigation/ContextMenu.Group.White.Unfolded.png) no-repeat 5px 9px; } #main-area .context-menu .menu .department dd ul li.children.active { display: block; } #main-area .context-menu .menu .department dd ul.level-1 a { padding-left: 15px; } #main-area .context-menu .menu .department dd ul.level-2 a { padding-left: 25px; } #main-area .context-menu .menu .department dd ul.level-3 a { padding-left: 35px; } #main-area .context-menu .menu .department dd ul.level-2 li.current.has-children a { background: transparent url(/Content/Navigation/ContextMenu.Group.White.Folded.png) no-repeat 16px 7px; } #main-area .context-menu .menu .department dd ul.level-2 li.active.has-children a { background: transparent url(/Content/Navigation/ContextMenu.Group.Black.Unfolded.png) no-repeat 16px 9px; } /******************************************************************** /* ContextMenu IE /********************************************************************/ .ie #main-area .context-menu { position: relative; } .ie #main-area .context-menu .menu .department dd ul { display: inline-block; } .ie6 #main-area .context-menu .menu .department dt.has-children a { background-image: url(/Content/Navigation/ContextMenu.Group.Black.Folded.gif); } .ie6 #main-area .context-menu .menu .department dt.has-children.expanded a { background-image: url(/Content/Navigation/ContextMenu.Group.Black.Unfolded.gif); } .ie6 #main-area .context-menu .menu .department dt.active a { background-image: url(/Content/Navigation/ContextMenu.Group.White.Folded.gif); } .ie6 #main-area .context-menu .menu .department dt.has-children.active a { background-image: url(/Content/Navigation/ContextMenu.Group.White.Unfolded.gif); } .ie6 #main-area .context-menu .menu .department dt a:hover { background-color: #dbdcdb; } .ie6 #main-area .context-menu .menu .department dt.active a:hover { background-color: transparent; } .ie6 #main-area .context-menu .menu .department dt a span.see-all strong { display: inline-block; } .ie6 #main-area .context-menu .menu .department dt.active a span.active { display: inline-block; } .ie6 #main-area .context-menu .menu .department dd ul li.hover { background-image: url(/Content/Navigation/ContextMenu.Group.ListItem.Hover.Background.gif); } .ie6 #main-area .context-menu .menu .department dd ul li.current { background-image: url(/Content/Navigation/ContextMenu.Group.ListItem.Active.Background.gif); } .ie6 #main-area .context-menu .menu .department dd ul li.has-children a { background-image: url(/Content/Navigation/ContextMenu.Group.Black.Folded.gif); } .ie6 #main-area .context-menu .menu .department dd ul li.active.has-children a { background-image: url(/Content/Navigation/ContextMenu.Group.Black.Unfolded.gif); } .ie6 #main-area .context-menu .menu .department dd ul li.current.has-children a { background-image: url(/Content/Navigation/ContextMenu.Group.White.Unfolded.gif); } .ie6 #main-area .context-menu .menu .department dd ul.level-2 li.current.has-children a { background-image: url(/Content/Navigation/ContextMenu.Group.White.Folded.gif); } .ie6 #main-area .context-menu .menu .department dd ul.level-2 li.active.has-children a { background-image: url(/Content/Navigation/ContextMenu.Group.Black.Unfolded.gif); } .ie6 #main-area .context-menu .menu .department h3 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Navigation/ContextMenu.Group.Header.Background.png'); } /*.ie6 #main-area .context-menu .click-trail .toggle { background:transparent url(/Content/Navigation/ClickTrail.Toggle.gif) no-repeat scroll 0 0; } .ie #main-area .context-menu .click-trail .drop { position: absolute; } .ie6 #main-area .context-menu .click-trail .drop .drop-middle ul li { overflow: hidden; } .ie .context-menu .main-area-content { position: relative; z-index: -1; height: auto; } */ /******************************************************************** /* Content\Navigation\Actions.css /********************************************************************/ #main-area .context-menu .actions { margin-bottom: 10px; background: transparent url(/Content/Navigation/ContextMenu.Actions.Background.Bottom.png) no-repeat 0 100%; padding-bottom: 3px; } #main-area .context-menu .actions-wrapper { padding: 5px 10px 5px 7px; background: transparent url(/Content/Navigation/ContextMenu.Actions.Background.Top.png) no-repeat 0 0; } #main-area .context-menu .actions .action { height: 20px; margin-top: 5px; line-height: 20px;display: inline-block; padding-left: 25px; background: transparent url(/Content/Navigation/ContextMenu.Actions.Icons.png) no-repeat; } .ie7 #main-area .context-menu .actions .action { display: inline; } #main-area .context-menu .actions .action.favorites { margin-right: 10px; } #main-area .context-menu .actions .action.click-trail { background-position: 0 -20px; } #main-area .context-menu .actions .action > a { color: #646474; } #main-area .context-menu .actions .action .border-drop { position: absolute; left: -20px; top: 30px; } #main-area .context-menu .actions .action .header { background: transparent url(/Content/Navigation/ContextMenu.Actions.Header.Background.png) repeat-x 0 100%; padding: 0 10px; } #main-area .context-menu .actions .action .header h2 { line-height: 40px; font-weight: bold; font-size: 18px; } #main-area .context-menu .actions .action ol { position: absolute; right: 3px; bottom: 0px; } #main-area .context-menu .actions .action .no-items { padding: 10px; } #main-area .context-menu .actions .action .carousel { padding: 4px 12px 4px 4px; } #main-area .context-menu .actions .action .carousel .carousel-items { padding: 4px 0 0 4px; } #main-area .context-menu .actions .action .carousel ul li { width: 85px; height: 186px; } #main-area .context-menu .actions .action .carousel ul li .price span { display: block !important; } #main-area .context-menu .actions .action .carousel img { width: 71px; height: 109px; } #main-area .context-menu .actions .action .carousel .favorite-toggle { top: -122px; left: -4px; } .ie7 #main-area .context-menu .actions .action .carousel .favorite-toggle { top: -118px; } #main-area .context-menu .actions .action .navigation-click-trail, #main-area .context-menu .actions .action .navigation-favorites { margin: 0 -4px; min-width: 250px;} #main-area .context-menu .actions .action .navigation-favorites .header { } #main-area .context-menu .actions .action .navigation-favorites .header h2 { } #main-area .context-menu .actions .action .navigation-favorites .header .arrow-button { position: absolute; right: 6px; top: 6px; } #main-area .context-menu .actions .action .navigation-favorites .header .arrow-button a { white-space: nowrap; } #main-area .context-menu .actions .action .navigation-favorites .header .arrow-button img { vertical-align: middle; } #main-area .context-menu .actions .action .navigation-favorites .header .share-share { display: none; } #main-area .context-menu .actions .action .navigation-favorites .header ul li { float: left; margin-right: 10px; } /******************************************************************** /* Content\Cart\MiniCart.css /********************************************************************/ .cart-mini-cart { padding: 0 9px 10px 9px; } /*.cart-mini-cart.expanded { background: transparent url(/Content/Cart/MiniCart.Background.png) 0 100%; }*/ .cart-mini-cart .wrapper { width: 324px; background: transparent url(/Content/Cart/MiniCart.Wrapper.Background.png) 0 100%; } .cart-mini-cart .wrapper .summary { height: 35px; padding: 8px 0 0 65px; line-height: 24px; font-weight: bold; background: transparent url(/Content/Cart/MiniCart.Summary.ShoppingBag.png) no-repeat 4px 2px; cursor: pointer; } .cart-mini-cart .wrapper .summary strong { font-weight: bold; font-size: 21px; position: relative; top: 3px; margin-right: 2px; } .cart-mini-cart .wrapper .summary .buttons { float: right; margin-right: 10px; top: 4px; } .cart-mini-cart .wrapper .summary .buttons a.expander, .cart-mini-cart .wrapper .summary .buttons a.to-checkout { display: inline-block; height: 24px; background: transparent url(/Content/Cart/MiniCart.Button.Background.png) no-repeat 0 -48px; } .cart-mini-cart .wrapper .summary .buttons a.expander { width: 24px; background-position: 0 -48px; } .cart-mini-cart .wrapper .summary .buttons a.expander:hover { text-decoration: none; background-position: 0 -72px; } .cart-mini-cart.expanded .wrapper .summary .buttons a.expander { background-position: 0 -0px; } .cart-mini-cart.expanded .wrapper .summary .buttons a.expander:hover { background-position: 0 -24px; } .cart-mini-cart .wrapper .summary .buttons a.to-checkout { background-position: 100% -48px; color: #fff; padding: 0 15px 0 3px; } .cart-mini-cart .wrapper .summary .buttons a.to-checkout:hover { background-position: 100% -72px; } .cart-mini-cart.expanded .wrapper .summary .buttons a.to-checkout { background-position: 100% 0; } .cart-mini-cart.expanded .wrapper .summary .buttons a.to-checkout:hover { background-position: 100% -24px; } .cart-mini-cart .wrapper .loader { background: transparent url(/Content/Global/AjaxLoader.Small.gif) no-repeat 50% 50%; height: 40px; display: none; } .cart-mini-cart .wrapper .details { padding: 0px 12px 8px 12px; display: none; } .cart-mini-cart .wrapper .details .carousel-items { max-height: 333px; } .cart-mini-cart .wrapper .details ul li { border-bottom: solid 1px #d4d7d9; height: 92px; padding: 9px 0 9px 0; overflow: hidden; position: relative; } .cart-mini-cart .wrapper .details .carousel.has-additional-items ul li { height: auto; } .cart-mini-cart .wrapper .details ul li table { width: 100%; } .cart-mini-cart .wrapper .details ul li .image { width: 54px; } .cart-mini-cart .wrapper .details ul li .image img { border: solid 1px #e6e8e7; } .cart-mini-cart .wrapper .details ul li .information { padding-left: 14px; width: 230px; } .cart-mini-cart .wrapper .details ul li .information .item-id { color: #c2c2c2; font-size: 11px; } .cart-mini-cart .wrapper .details ul li .information .attribute { color: #646464; font-size: 11px; } .cart-mini-cart .wrapper .details ul li .quantity { position: absolute; right: 0px; top: 40px; } .cart-mini-cart .wrapper .details ul li .quantity a { background: transparent url(/Content/Cart/MiniCart.Quantity.Modify.png); width: 20px; height: 15px; display: inline-block; top: 2px; position: relative; } .ie .cart-mini-cart .wrapper .details ul li .quantity a { top: auto; position: static; } .cart-mini-cart .wrapper .details ul li .quantity a.add { background-position: 0 -15px; } .cart-mini-cart .wrapper .details ul li .quantity a.remove { background: transparent url(/Content/Cart/MiniCart.Quantity.Remove.png); width: 15px; margin-left: 3px; } .cart-mini-cart .wrapper .details ul li .quantity span { font-size: 15px; margin: 0px 3px; font-weight: bold; } .ie .cart-mini-cart .wrapper .details ul li .quantity span { margin: 0 3px 0 5px; } .cart-mini-cart .wrapper .details ul li .additional-items { clear: both; color: #646464; font-size: 11x; } .cart-mini-cart .wrapper .details ul li .additional-items span { font-size: 15px; font-weight: bold; } .cart-mini-cart .wrapper .controllers { overflow: hidden; margin-top: 5px; } .cart-mini-cart .wrapper .controllers a { display: inline-block; font-size: 11px; height: 21px; line-height: 21px; float: right; text-decoration: underline; } .cart-mini-cart .wrapper .controllers a.close { float: left; background: transparent url(/Content/Cart/MiniCart.Close.png) no-repeat; padding-left: 26px; } /******************************************************************** /* Content\Cart\Form.css /********************************************************************/ .cart-form .help { margin-bottom: 10px; } .cart-form .help ul { list-style-image:none; list-style-position:inside; list-style-type:square; margin-bottom: 10px; } .cart-form .field { margin-right: 5px; } .cart-form .field label { display: block; } .cart-form .field .button { margin: 18px 10px 0 10px; } .cart-form .media { width: 24px; } .ie .cart-form .media { width: 16px; } .cart-form .divider { float: left; } .cart-form .variant { width: 53px; } .cart-form .size { width: 24px; } .ie .cart-form .size { width: 16px; } .cart-form .quantity { width: 24px; } .ie .cart-form .quantity { width: 16px; } .cart-form .message .message-wrapper { font-size: 11px; background: transparent url(/Content/Cart/Cart.ShoppingBag.png) no-repeat 5px 5px; padding-left: 55px; white-space: nowrap; color:#646464; font-weight:bold; line-height:32px; } /******************************************************************** /* Content\Cart\Content.css /********************************************************************/ .cart-content { width: 100%; } .cart-content div.item { float: left; width: 100%; padding-top: 10px; border-top: dashed 1px #E5E7E6; } .cart-content div.item img { float: left; border: 1px solid #E5E7E6; margin-right: 15px; margin-bottom: 8px; } .cart-content div.item img:hover { border: 1px solid #000; } .cart-content div.item .detail { float: left; font-weight: bold; margin-right: 15px; margin-bottom: 8px; } .cart-content div.item .detail div { } .cart-content div.item .detail span { font-weight: normal; } .cart-content div.item .common { float: right; margin-bottom: 8px; } .cart-content div.item .common div { float: left; text-align: right; margin-left: 10px; } .cart-content div.item .common span { font-weight: bold; } .cart-content div.item .common label { font-size: 10px; display: block; } .cart-content div.item .common .item-id { width: 80px; } .cart-content div.item .common .size { width: 40px; } .cart-content div.item .common .quantity { width: 25px; } .cart-content div.item .common .price { text-align: right; width: 50px; } .cart-content div.item .common .total { text-align: right; padding-right: 10px; width: 60px; } .cart-content div.item .common .modify-quantity { width: 58px; margin-left: 0px; } .cart-content div.item .common .modify-quantity span a { height: 14px; display: inline-block; background: transparent url(/Content/Cart/Content.Quantity.png) no-repeat; top: 2px; position: relative; text-decoration: none; } .cart-content div.item .common .modify-quantity span a.add { width: 19px; margin-left: 8px; } .cart-content div.item .common .modify-quantity span a.add:hover { background-position: 0px -14px; } .cart-content div.item .common .modify-quantity span a.subtract { width: 15px; background-position: -19px 0; } .cart-content div.item .common .modify-quantity span a.subtract:hover { background-position: -19px -28px; } .cart-content div.item .common .modify-quantity span a.remove { width: 16px; background-position: -34px 0; } .cart-content div.item .common .modify-quantity span a.remove:hover { background-position: -34px -42px; } .cart-content div.item .common .modify-quantity span a span.tooltip { height: 25px; display: none; position: absolute; top: 15px; padding-top: 5px; background: transparent url(/Content/Cart/Content.Quantity.Tooltip.png) no-repeat left top; } .cart-content div.item .common .modify-quantity span a span.tooltip span { height: 20px; line-height: 20px; display: block; padding: 0 5px; margin-right: -5px; text-align: left; white-space: nowrap; font-weight: normal; color: #fff; background: transparent url(/Content/Cart/Content.Quantity.Tooltip.png) no-repeat right -30px; } .cart-content div.item .common .modify-quantity span a.add span.tooltip { left: -6px; } .cart-content div.item .common .modify-quantity span a.subtract span.tooltip { left: -11px; } .cart-content div.item .common .modify-quantity span a.remove span.tooltip { left: -10px; } .cart-content .order-value { border: solid 1px #e5e7e6; float: left; width: 100%; } .cart-content .order-value div { padding: 10px; text-align: right; font-size: 15px; } .cart-content .order-value div span { font-weight: bold; color: #c91c5b; } .ie6 .cart-content div.item .common .modify-quantity span a span.tooltip { background: transparent url(/Content/Cart/Content.Quantity.Tooltip.gif) no-repeat left top; } .ie6 .cart-content div.item .common .modify-quantity span a span.tooltip span { padding: 0 5px; margin-right: 0px; background: transparent url(/Content/Cart/Content.Quantity.Tooltip.gif) no-repeat right -30px; } /******************************************************************** /* Content\Cart\OrderForm.css /********************************************************************/ .cart-order-form { padding: 15px; } .cart-order-form .content { width: 705px; float: left; } .cart-order-form .content .cart-form { margin-bottom: 20px; float: left; } .cart-order-form .content .cart-content { clear: both; } .cart-order-form .margin { width: 205px; float: right; } .cart-order-form .buttons { margin-top: 10px; text-align: right; } /******************************************************************** /* Content\Category\ListProducts.css /********************************************************************/ .category-list-products { padding: 20px 29px 29px 29px; } .category-list-products .shared-sort { float: left; margin-top:11px; } .category-list-products .shared-pagination { float: right; margin-top: 7px; } .category-list-products div.list { width: 712px; } .category-list-products div.list ul { width: 730px; } .category-list-products div.list ul li { float: left; height:279px; margin-right:19px; width:127px; } .ie6 .category-list-products div.list ul li { overflow: hidden; } .category-list-products div.list ul li.featured { width: 223px; height: 343px; margin-bottom: 19px; } .category-list-products div.list ul li.featured img { width: 223px; height: 343px; } .category-list-products div.list ul li.featured .favorite-toggle { right: 10px; top: 12px; } .category-list-products div.list ul li.featured div.product-data { margin-top: -88px; position: relative; left: 1px; padding: 15px 15px 15px 20px; width: 188px; height: 58px; background: transparent url(/Content/Category/ListProducts.List.Featured.Background.png); } .ie6 .category-list-products div.list ul li.featured div.product-data { filter: alpha(opacity = 80); padding-top: 5px; } .category-list-products div.list ul li.featured span.brand { color: #646464; display: inline-block; } .category-list-products div.list ul li.featured span.rating { display: inline-block; margin: 0; } .category-list-products div.navigation { float: left; width: 712px; } .category-list-products div.navigation.first { background: transparent url(/Content/Global/Shadow.Top.png) no-repeat 0 100%; padding-bottom: 10px; margin-bottom: 10px; } .category-list-products div.navigation.last { background: transparent url(/Content/Global/Shadow.Bottom.png) no-repeat 0 0; padding-top: 10px; margin-top: 10px; } .category-list-products div.navigation.blurb-area-above { margin-top:15px; } .category-list-products div.category-filter { margin: -7px -10px; padding: 7px 10px; position: relative; background: transparent url(/Content/Category/Filter.Background.png) no-repeat; } .category-list-products div.category-filter span.title { height: 22px; line-height: 22px; padding-right: 5px; color:#646464; display: block; float: left; font-weight: bold; vertical-align: middle; } .ie6 .category-list-products div.category-filter span.title { padding-left: 10px; display: inline-block; float: none; } .ie7 .category-list-products div.category-filter span.title { padding-left: 10px; } .category-list-products div.category-filter select { width: 100px; vertical-align: middle; } .category-list-products div.category-filter div.checkbox.custom-style { margin: 3px 0px 3px 3px; vertical-align: middle; } .category-list-products div.category-filter input { vertical-align: middle; } .category-list-products div.category-filter label { font-size: 11px; font-weight: normal; height: 22px; line-height: 22px; } .category-list-products div.category-filter div.reset { position: absolute; top: 7px; right: 7px; height: 22px; vertical-align: middle; } .ie7 .category-list-products div.category-filter div.reset { right: 20px; } .category-list-products div.category-filter div.reset a { height: 22px; line-height: 22px; float: left; color: #646464; } .category-list-products div.category-filter div.reset img { margin: 4px 2px; float: left; cursor: pointer; } /******************************************************************** /* Content\Share\Share.css /********************************************************************/ .share-share { width: 100%; } .share-share.share-share-wide { width: 496px; } .share-share ul { width: 221px; overflow: hidden; border-bottom: 1px solid #d7d7d7; padding-bottom: 5px; margin-bottom: 5px; } .share-share.share-share-wide ul { width: 496px; } .share-share ul li { width: 95px; float: left; margin-right: 15px; position: relative; } .share-share.share-share-wide ul li { width: auto; } .share-share ul a { padding-left: 18px; line-height: 25px; } .share-share ul a.bookmark { background: transparent url(/Content/Product/Share/Share.AddBookmark.png) no-repeat; } .share-share ul a.twitter { background: transparent url(/Content/Product/Share/Share.Twitter.png) no-repeat; } .share-share ul a.facebook { background: transparent url(/Content/Product/Share/Share.Facebook.png) no-repeat; } .share-share ul a.myspace { background: transparent url(/Content/Product/Share/Share.MySpace.png) no-repeat; } .share-share ul a.live { background: transparent url(/Content/Product/Share/Share.Live.png) no-repeat; } .share-share ul a.google { background: transparent url(/Content/Product/Share/Share.Google.png) no-repeat; } .share-share.share-share-wide div.group { display: inline-block; vertical-align: top; width: 221px; } .ie7 .share-share.share-share-wide div.group { display: inline; } .share-share.share-share-wide div.group.first { margin-right: 20px; } .share-share .input-text { width: 211px; float: none; } .share-share textarea { width: 211px; height: 86px; border: none; background: transparent url(/Content/Share/Share.TextArea.png) no-repeat; } .share-share label { display: block; color: #646464; font-weight: bold; margin-bottom: 3px; margin-top: 3px; } .share-share .newsletter { margin-top: 10px; width: 221px; } .share-share .newsletter label { font-weight: normal; display: inline; margin: 0; vertical-align: top; } .share-share .submit { height: 26px; margin-top: 5px; } /******************************************************************** /* Content\Content\Content.css /********************************************************************/ .content-popup { background-color: #fff; } .content-popup .content-popup { padding: 20px; } .accept-policy .content-popup { padding: 20px; } .content-page { margin:20px 29px; } /* Legacy css, needed for backward compability of content pages */ .content-page div#content h3, .content-popup div#content h3 { color: #646464; font-size: 13px; font-weight: bold; } .content-page div#content h4, .content-popup div#content h4 { font-size: 12px; } .content-page div#content p, .content-popup div#content p { font-size: 12px; margin-bottom: 1em; } .content-page div#content table, .content-popup div#content table { border-collapse: collapse; border-spacing: 0; empty-cells: show; table-layout: auto; } .content-page div#content, .content-popup div#content { width:712px; } .content-page div#content div.header, .content-popup div#content div.header { height: 165px; margin-bottom: 30px; padding: 40px 430px 0 40px; } .content-page div#content div.header h2, .content-popup div#content div.header h2 { color: #CF1D5F; line-height: 1.25; } .content-page div#content div.header h2 em, .content-popup div#content div.header h2 em { color: #CF1D5F; font-weight: normal; } .content-page div#content div.header p, .content-popup div#content div.header p { color: #CF1D5F; font-size: 1.4em; margin-top: 1.5em; } .content-page div#content div.article ul li, .content-popup div#content div.article ul li { background: url("/resources/images/bullet.png") no-repeat 0 50%; padding-left: 11px; list-style: none; } .content-page div#content div.article p a, .content-popup div#content div.article p a { color: #CF1D5F; text-decoration: underline; } .content-page div#content div.article p a:hover, .content-popup div#content div.article p a:hover { color: #A70A16; text-decoration: none; } .content-page div#content div.article ul.tabs, .content-popup div#content div.article ul.tabs { border-bottom: 1px solid #DFE1E0; font-size: 1.1em; height: 26px; line-height: 26px; margin: 1em 0 1.5em; padding-left: 10px; } .content-page div#content div.article ul.tabs li, .content-popup div#content div.article ul.tabs li { background: url("/resources/images/tabs.png") no-repeat 0 0; float: left; margin-right: -1px; padding: 0; } .content-page div#content div.article ul.tabs li.active, .content-popup div#content div.article ul.tabs li.active { position: relative; z-index: 10; } .content-page div#content div.article ul.tabs li a, .content-popup div#content div.article ul.tabs li a { background: url("/resources/images/tabs-right.png") no-repeat 100% 0; color: #646464; display: block; padding: 0 10px; text-decoration: underline; } .content-page div#content div.article ul.tabs li.active a, .content-popup div#content div.article ul.tabs li.active a { display: block; height: 27px; text-decoration: none; } .content-page div#content div.article ul.shoe.sizes li, .content-popup div#content div.article ul.shoe.sizes li { background: url("/resources/images/measurements-shoes.png") no-repeat 0 0; font-weight: bold; height: 41px; line-height: 41px; padding-left: 20px; } .content-page div#content div.article ul.shoe.sizes li.s1, .content-popup div#content div.article ul.shoe.sizes li.s1 { color: #FFF; } .content-page div#content div.article ul.shoe.sizes li.s2, .content-popup div#content div.article ul.shoe.sizes li.s2 { background-position: 0 -41px; color: #646464; } .content-page div#content div.article ul.shoe.sizes li.s3, .content-popup div#content div.article ul.shoe.sizes li.s3 { background-position: 0 -82px; color: #FFF; } .content-page div#content div.article img:first-child, .content-popup div#content div.article img:first-child { margin-bottom: 29px; } .content-page div#content div.article div.column, .content-popup div#content div.article div.column { float: left; width: 440px; } .content-page div#content div.article div.column.last, .content-popup div#content div.article div.column.last { background: url("/resources/images/article-column-separator.png") no-repeat 0 0; float: right; min-height: 250px; padding-left: 20px; width: 230px; } .content-page div#content div.article div.column.last ul.legend, .content-popup div#content div.article div.column.last ul.legend { list-style: none; margin-top: 0; } .content-page div#content div.article div.column.last ul.legend li, .content-popup div#content div.article div.column.last ul.legend li { background: none; margin-bottom: 1em; min-height: 35px; padding-left: 60px; position: relative; } .content-page div#content div.article div.column.last ul.legend li img, .content-popup div#content div.article div.column.last ul.legend li img { left: 0; position: absolute; top: 0; } .content-page div#content dl.measuring.instructions, .content-popup div#content dl.measuring.instructions { margin: 1.5em 0; min-height: 201px; padding-left: 120px; position: relative; } .content-page div#content dl.measuring.instructions dt, .content-popup div#content dl.measuring.instructions dt { font-weight: bold; } .content-page div#content dl.measuring.instructions dd, .content-popup div#content dl.measuring.instructions dd { margin-bottom: 1.5em; } .content-page div#content dl.measuring.instructions dd img, .content-popup div#content dl.measuring.instructions dd img { left: 0; position: absolute; top: 0; } .content-page div#content fieldset table tr td, .content-popup div#content fieldset table tr td { padding: 0 10px 5px 0; vertical-align: top; } .content-page div#content fieldset table tr th label, .content-page div#content fieldset table tr td label, .content-popup div#content fieldset table tr th label, .content-popup div#content fieldset table tr td label { font-size: 1.2em; } .content-page div#content fieldset table tr th label em, .content-popup div#content fieldset table tr th label em { background: url('/resources/images/checkout/required_marker.gif') 50% 0 no-repeat; color: #CF1D5F; font-size: 1px; padding: 5px; vertical-align: middle; } .content-page div#content fieldset table tr th p.error, .content-page div#content fieldset table tr td p.error, .content-popup div#content fieldset table tr th p.error, .content-popup div#content fieldset table tr td p.error { color: #A70A16; font-size: 1.1em; font-weight: bold; margin: 0; } .content-page div#content fieldset table.accept tr th p.error, .content-popup div#content fieldset table.accept tr th p.error { margin: 0 0 1em 20px; } .content-page div#content fieldset table tfoot tr td, .content-popup div#content fieldset table tfoot tr td { padding-top: 1em; } .content-page div#content fieldset table tfoot tr td span.button, .content-popup div#content fieldset table tfoot tr td span.button { margin-right: 1em; } .content-page div#content table.sizes, .content-popup div#content table.sizes { background: url("/resources/images/sizes-table.png") no-repeat 0 100%; font-size: 12px; margin: 1em 0 1.5em; width: 712px; } .content-page div#content table.sizes th, .content-popup div#content table.sizes th { background: #DFE1E0; color: #646464; padding: 5px 10px; text-align: center; } .content-page div#content table.sizes th.first, .content-popup div#content table.sizes th.first { background: url("/resources/images/sizes-table.png") no-repeat 0 0; } .content-page div#content table.sizes th.last, .content-popup div#content table.sizes th.last { background: url("/resources/images/sizes-table.png") no-repeat 100% 0; } .content-page div#content table.sizes th:first-child, .content-popup div#content table.sizes th:first-child { text-align: left; } .content-page div#content table.sizes td, .content-popup div#content table.sizes td { border-left: 1px solid #DFE1E0; padding: 5px 10px; text-align: center; } .content-page div#content table.sizes td strong, .content-popup div#content table.sizes td strong { color: #A70A16; } .content-page div#content table.sizes td:first-child, .content-popup div#content table.sizes td:first-child { border: none; text-align: left; } .content-page div#content table tfoot td#cost strong, .content-popup div#content table tfoot td#cost strong { color: #CF1D5F; display: block; font-size: 2em; } .content-page div#content table.sizes.children, .content-popup div#content table.sizes.children { font-size: 1.2em; } .content-page div#content table.sizes.children th, .content-page div#content table.sizes.children td, .content-popup div#content table.sizes.children th, .content-popup div#content table.sizes.children td { padding: 5px; word-spacing: -1px; white-space: nowrap; } .content-page div#content table.sizes.children th:first-child, .content-page div#content table.sizes.children td:first-child, .content-popup div#content table.sizes.children th:first-child, .content-popup div#content table.sizes.children td:first-child { padding: 5px 10px; } .content-page div#content fieldset.loan table, .content-popup div#content fieldset.loan table { border-bottom: 1px solid #CCC; margin: 1em 0; width: 440px; } .content-page div#content fieldset.loan table caption, .content-popup div#content fieldset.loan table caption { caption-side: top; font-size: 1.3em; font-weight: bold; margin-bottom: .75em; text-align: left; } .content-page div#content fieldset.loan table caption em, .content-popup div#content fieldset.loan table caption em { font-weight: normal; } .content-page div#content fieldset.loan table tr.last td, .content-popup div#content fieldset.loan table tr.last td { padding-bottom: 1.5em; } .content-page div#content fieldset.loan table tr th, .content-page div#content fieldset.loan table tr td, .content-popup div#content fieldset.loan table tr th, .content-popup div#content fieldset.loan table tr td { vertical-align: top; } .content-page div#content fieldset.loan table tr input, .content-popup div#content fieldset.loan table tr input { width: 210px; } .content-page div#content fieldset.loan table tr td.ssn input, .content-popup div#content fieldset.loan table tr td.ssn input { width: 110px; } .content-page div#content fieldset.loan table tr td.wide input, .content-popup div#content fieldset.loan table tr td.wide input { width: 440px; } .content-page div#content fieldset.loan table tr td.ssn input.last, .content-popup div#content fieldset.loan table tr td.ssn input.last { width: 55px; } .content-page div#content fieldset.loan table.accept label, .content-popup div#content fieldset.loan table.accept label { display: block; margin: -1.5em 0 .5em; padding-left: 20px; } .content-page div#content fieldset.loan table.accept input, .content-popup div#content fieldset.loan table.accept input { width: auto; } .content-page div#content fieldset.loan table.accept p.print, .content-popup div#content fieldset.loan table.accept p.print { margin-top: 1.5em; } .content-page div#content fieldset.loan table.accept span.button, .content-popup div#content fieldset.loan table.accept span.button { margin-right: 1.5em; } .content-page div#content fieldset.loan ul.links, .content-popup div#content fieldset.loan ul.links { border-bottom: 1px solid #CCC; padding-bottom: 1.5em; width: 440px; } .content-page div#content fieldset.loan ul.links li, .content-popup div#content fieldset.loan ul.links li { background: none; padding: 0; } .content-page div#content fieldset.loan ul.links li a, .content-popup div#content fieldset.loan ul.links li a { color: #CF1D5F; text-decoration: underline; } .content-page div#content fieldset.loan ul.links li a:hover, .content-popup div#content fieldset.loan ul.links li a:hover { color: #A70A16; text-decoration: none; } .content-page div#content ol.top-list, .content-popup div#content ol.top-list { font-size: 1.2em; margin: .25em 0 1.5em 0; } .content-page div#content ol.top-list li, .content-popup div#content ol.top-list li { background: #F4F4F4 url("/resources/images/top-ten.png") no-repeat 4px 4px; line-height: 26px; text-indent: 30px; } .content-page div#content ol.top-list li.odd, .content-popup div#content ol.top-list li.odd { background-color: #FFF; } .content-page div#content ol.top-list li.n2, .content-popup div#content ol.top-list li.n2 { background-position: 4px -23px; } .content-page div#content ol.top-list li.n3, .content-popup div#content ol.top-list li.n3 { background-position: 4px -50px; } .content-page div#content ol.top-list li.n4, .content-popup div#content ol.top-list li.n4 { background-position: 4px -77px; } .content-page div#content ol.top-list li.n5, .content-popup div#content ol.top-list li.n5 { background-position: 4px -104px; } .content-page div#content ol.top-list li.n6, .content-popup div#content ol.top-list li.n6 { background-position: 4px -131px; } .content-page div#content ol.top-list li.n7, .content-popup div#content ol.top-list li.n7 { background-position: 4px -158px; } .content-page div#content ol.top-list li.n8, .content-popup div#content ol.top-list li.n8 { background-position: 4px -185px; } .content-page div#content ol.top-list li.n9, .content-popup div#content ol.top-list li.n9 { background-position: 4px -212px; } .content-page div#content ol.top-list li.n10, .content-popup div#content ol.top-list li.n10 { background-position: 4px -239px; } .content-page div#content ul li, .content-popup div#content ul li { list-style-type: disc; list-style-position: inside; } .content-page div#content ul, .content-popup div#content ul { margin-bottom: 1em; } * html .content-page div#content ol.top-list li, * html .content-popup div#content ol.top-list li { background-image: url("/resources/images/top-ten.gif"); } * html .content-page div#content div.article ul.tabs li.active, * html .content-popup div#content div.article ul.tabs li.active { border-bottom: 2px solid #FFF; margin-bottom: -3px; position: relative; width: 1%; z-index: 666; white-space: nowrap; } * html .content-page div#content div.article div.column.last ul.legend li, * html .content-popup div#content div.article div.column.last ul.legend li { height: 35px; } * html .content-page div#content dl.measuring.instructions, * html .content-popup div#content dl.measuring.instructions { height: 201px; } /******************************************************************** /* Content\Customer\ContactForm.css /********************************************************************/ .customer-contact-form { width: 100%; float: left; } .customer-contact-form p { margin-top:15px; margin-bottom:15px; } .customer-contact-form form { width:400px; } .customer-contact-form form label { font-weight:bold; color:#646464; } .customer-contact-form form .field { position:relative; margin-right: 20px; width: 180px; margin-bottom:10px; } .customer-contact-form form .field span.input { width: 180px; } .customer-contact-form form .field span.input.email { width: 380px; } .customer-contact-form form .buttons { clear: both; } .customer-contact-form form textarea{ -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/Content/Customer/ContactForm.Message.Background.png) no-repeat scroll 0 0;border:1px solid #B8B8B8;height:170px;padding:5px 0 0 5px;width:380px;} /******************************************************************** /* Content\Customer\ContactFormSent.css /********************************************************************/ .customer-contact-form-sent p { margin-bottom: 1em; } /******************************************************************** /* Content\Customer\CustomerType.css /********************************************************************/ .customer-customer-type .options { line-height: 23px; } .customer-customer-type .options .button-group { display: inline-block; } /******************************************************************** /* Content\Customer\AccountDetails.css /********************************************************************/ .customer-account-details span.button { margin-top: 10px; float: left; clear: both; } /******************************************************************** /* Content\Product\ListProduct\ListProduct.css /********************************************************************/ .product-list-product {} .product-list-product img { border: 1px solid #E7E7E7; width: 125px; height: 180px; display: inline-block; } .product-list-product img:hover { border-color: #A70A16; } .product-list-product div.product-data { position: relative; } .product-list-product div.product-data span { display: block; line-height: 13px; } .product-list-product div.product-data span.price { margin: 4px 0 0 0; } .product-list-product div.product-data span.price strong { color: #A70A16; margin: 3px 0; } .product-list-product div.product-data span.rating { margin: 2px 0; } .product-list-product div.product-data a.favorite-toggle { position: absolute; right: 0px; top: 11px; } .product-list-product div.product-data .size-and-color-range .colors { position:relative; } /******************************************************************** /* Content\Product\ViewProduct\ViewProduct.css /********************************************************************/ .product-view-product { padding: 10px; } .product-view-product div.margin { float: right; width: 172px; } .product-view-product div.content { float: left; width: 558px; } .product-view-product div.navigation { margin-bottom: 20px; line-height: 24px; float: left; width: 750px; background: transparent url(/Content/Global/Shadow.Top.png) no-repeat 0 100%; padding-bottom: 10px; margin-bottom: 10px; } .product-view-product div.navigation div.crumbs { float: left; } .product-view-product div.navigation div.siblings { float: right; } .product-view-product div.navigation div.siblings span { background: transparent url(/Content/Product/ViewProduct/ViewProduct.Siblings.Background.png) no-repeat; display: inline-block; height: 24px; line-height: 24px; } .ie6 .product-view-product div.navigation div.siblings span { background-image: url(/Content/Product/ViewProduct/ViewProduct.Siblings.Background.gif); } .product-view-product div.navigation div.siblings span a { display: inline-block; height: 24px; color: #fff; font-weight: bold; background: transparent url(/Content/Product/ViewProduct/ViewProduct.Siblings.Side.Background.png) no-repeat; } .ie6 .product-view-product div.navigation div.siblings span a { background-image: url(/Content/Product/ViewProduct/ViewProduct.Siblings.Side.Background.gif); } .product-view-product div.navigation div.siblings span.previous { margin-right: 6px; } .product-view-product div.navigation div.siblings span.previous a { background-position: 100% 0; margin-left: 20px; margin-right: -6px; padding-right: 14px; } .product-view-product div.navigation div.siblings span.next { background-position: 100% -24px; margin-left: 6px; } .product-view-product div.navigation div.siblings span.next a { background-position: 0 -24px; margin-left: -6px; padding-left: 14px; margin-right: 20px; } .product-view-product div.content .left-margin { float: left; width: 250px; margin-right: 20px; z-index: 1; position: relative; } .product-view-product div.content .media { } .product-view-product div.content .media img { border: 1px solid #E6E8E7; width: 248px; height: 383px; } .product-view-product div.content .media .viewport { border: 1px solid #E6E8E7; width: 248px; height: 383px; margin-bottom: 5px; } .product-view-product div.content .media .control { display: none; float: left; width: 250px; padding: 0 0 15px 0; background: transparent url(/Content/Product/ViewProduct/ViewProduct.Media.Control.Background.png) no-repeat 0 100%; } .product-view-product div.content .media .control a { color: #646464; float: left; font-size: 11px; display: inline-block; height: 25px; line-height: 25px; background: transparent url(/Content/Product/ViewProduct/ViewProduct.Media.Control.Icons.png) no-repeat 0 0; } .product-view-product div.content .media .control a.plus { width: 25px; background-position: 0 0px; } .product-view-product div.content .media .control a.plus:hover { background-position: 0 -25px; } .product-view-product div.content .media .control a.minus { width: 25px; margin-left: 2px; background-position: 0 -50px; } .product-view-product div.content .media .control a.minus:hover { background-position: 0 -75px; } .product-view-product div.content .media .control a.zoom { margin-left: 5px; background: none; } .product-view-product div.content .media .control a.magnify { float: right; padding-left: 30px; margin-right: 5px; background-position: 0 -100px; } .product-view-product div.content .media .control a.magnify:hover { background-position: 0 -125px; } .product-view-product div.content .media .control a.movie { float: right; padding-left: 30px; background-position: 0 -150px; } .product-view-product div.content .media .control a.movie:hover { background-position: 0 -174px; } .product-view-product div.content .media div.carousel { float: left; max-height: 176px; margin-bottom: 5px; width: 250px; height: 82px; position: relative; } .product-view-product div.content .media div.carousel .carousel-items { max-height: 186px; width: 261px; height: 93px; } .product-view-product div.content .media div.carousel ul li { width: 54px; height: 82px; float: left; margin: 0 11px 11px 0; } .product-view-product div.content .media div.carousel ul li img { width: 52px; height: 80px; border: 1px solid #E6E8E7; } .product-view-product div.content .media div.carousel ul li.current img { background-color: #000; } .product-view-product div.content .controllers { position: relative; } .product-view-product div.content .controllers ol li { float: left; margin-right: 15px; position: relative; } .product-view-product div.content .controllers ol li a.controller { font-size: 11px; color: #646464; display: inline-block; text-decoration: underline; line-height: 18px; padding-left: 22px; background: transparent url(/Content/Product/ViewProduct/ViewProduct.Controllers.Icons.png) no-repeat; } .product-view-product div.content .controllers ol li a.controller:hover { font-size: 11px; color: #646464; text-decoration: none; } .product-view-product div.content .controllers ol li.print a.controller { background-position: 0 -18px; } .product-view-product div.content .controllers ol li.print:hover a.controller { background-position: 0 0; } .product-view-product div.content .controllers ol li.share a.controller { background-position: 0 -54px; } .product-view-product div.content .controllers ol li.share:hover a.controller { background-position: 0 -36px; } .product-view-product div.content .controllers ol li.share .tab-drop-inner-wrapper { padding: 0px 8px 3px 5px; } .product-view-product div.content .controllers ol li.share .tab-drop-middle { padding: 10px 10px; } .product-view-product div.content .share-content { position: absolute; top: 138px; left: 73px; z-index: 999; display: none; } .product-view-product div.content .main { width: 285px; vertical-align: top; float: right; z-index: 0; position: relative;} .product-view-product div.content .main .favorite-toggle { position: absolute; right: 0px; top: 0px; } .product-view-product div.content .main span.brand { display: block; line-height: 11px; } .product-view-product div.content .main h1 { font-size: 25px; line-height: 25px; margin-top: 6px; } .product-view-product div.content .main span.price { display: inline-block; font-size: 25px; line-height: 25px; margin-top: 9px; } .product-view-product div.content .main span.price span.alternative { font-size: 12px; } .product-view-product div.content .main span.price del { font-size: 12px; } .product-view-product div.content .main span.rating { margin-top: 8px; } .product-view-product div.content .main .interact { margin-top: 8px; } .product-view-product div.content .main .interact a { margin-right: 7px; font-size: 11px; text-decoration: underline; } .product-view-product div.content .main .interact a:hover { text-decoration: none; } .product-view-product div.content .main .interact a.read { display: none; } .product-view-product div.content .main .interact.have-entries a.read { display: inline; } .product-view-product div.content .main .description { margin-top: 18px; margin-bottom: 10px; } .product-view-product div.content .main .description a { display: block; } .product-view-product div.content .main .attributes label { display: block; font-size: 13px; font-weight: bold; } .ie .product-view-product div.content .main .attributes label { clear: both;} .product-view-product div.content .main .attributes dl { margin-bottom: 0px; } .product-view-product div.content .main .attributes .select { margin-bottom: 5px; } .product-view-product div.content .main .attributes dl dd { background:transparent url(/Content/Product/ViewProduct/ViewProduct.Attributes.Button.png) no-repeat scroll 0 0; display:-moz-inline-box; display: inline-block; height:23px; line-height:23px; margin: 0 6px 5px 0; white-space: nowrap; } .ie .product-view-product div.content .main .attributes dl dd { margin: 5px 0 10px 0; float: left; background:transparent url(/Content/Product/ViewProduct/ViewProduct.Attributes.Button.gif) no-repeat scroll 0 0;} .product-view-product div.content .main .attributes dl dd.active { background-position: 0 -23px; } .product-view-product div.content .main .attributes dl dd a { background:transparent url(/Content/Product/ViewProduct/ViewProduct.Attributes.Button.Right.png) no-repeat scroll 100% 0; color:#404040; cursor:pointer; display:block; height:23px; line-height:23px; padding:0 5px; font-size: 11px; font-weight:bold; text-decoration:none; margin-right: -3px; } .ie .product-view-product div.content .main .attributes dl dd a {float: left; padding-right: 10px; background:transparent url(/Content/Product/ViewProduct/ViewProduct.Attributes.Button.Right.gif) no-repeat scroll 100% 0;} .product-view-product div.content .main .attributes dl dd.active a { background-position: right -23px; color: #FFF; } .product-view-product div.content .main .attributes .size-help { font-size: 11px; position: relative; top: -2px; } .ie .product-view-product div.content .main .attributes .size-help { clear: both; } .product-view-product div.content .main .attributes a { text-decoration: underline; } .product-view-product div.content .main .product-buy { clear: both; margin-top: 10px; } .product-view-product div.content .main .product-last-interactions { margin-top: 18px; } .product-view-product div.content .main .product-last-interactions div.top { background: transparent url(/Content/Product/ViewProduct/ViewProduct.LastInteraction.Top.Background.png) no-repeat; height: 4px; } .product-view-product div.content .main .product-last-interactions div.bottom { background: transparent url(/Content/Product/ViewProduct/ViewProduct.LastInteraction.Background.png) no-repeat 0 100%; padding: 12px 15px 15px 15px; } .product-view-product div.content .main .product-last-interactions div.bottom div.blog, .product-view-product div.content .main .product-last-interactions div.bottom div.review { display: none; } .product-view-product div.content .main .product-last-interactions div.bottom .loader { background: transparent url(/Content/Global/AjaxLoader.Bar.gif) no-repeat 50% 0; height: 18px; margin: 0; } .product-view-product div.content .main .product-last-interactions div.bottom div.blog { } .product-view-product div.content .main .product-last-interactions div.bottom div.blog span { display: block; font-size: 11px; margin-bottom: 5px; } .product-view-product div.content .main .product-last-interactions div.bottom.show-review div.review { display: block; } .product-view-product div.content .main .product-last-interactions div.bottom.show-review div.loader { display: none; } .product-view-product div.content .main .product-last-interactions div.bottom div.review .rating { margin-top: 0px; margin-bottom: 4px; } .product-view-product div.content .main .product-last-interactions div.bottom div.review div.text { font-style: italic; line-height: 17px; } .product-view-product div.content .main .product-last-interactions div.bottom div.review div.text span { font-weight: bold; font-size: 18px; font-family: Georgia, Arial; margin-top: -5px; } .product-view-product div.content .main .product-last-interactions .navigation { margin: 0; padding: 0; line-height: normal; background: transparent url(/Content/Product/LastInteractions/LastInteractions.Divider.png) no-repeat 100% 0; padding-top: 10px; margin-top: 10px; width: auto; float: none; } .product-view-product div.content .main .product-last-interactions .navigation a { display: block; padding-left: 16px; } .product-view-product div.content .main .product-last-interactions .navigation a.review-this { background: transparent url(/Content/Product/ViewProduct/ViewProduct.LastInteraction.Pen.png) no-repeat; } .product-view-product div.content .main .product-last-interactions div.bottom .first-to-interact { display: none; } .product-view-product div.content .tab-container { width: 558px; margin-top: 20px; float: left; } .ie .product-view-product .content .tab-container { position: relative; } .product-view-product div.content .tab-container .tabs { border-bottom: solid 1px #d7d7d7; float: left; width: 558px; } .product-view-product div.content .tab-container .tabs li { float: left; height: 30px; line-height: 30px; bottom: -1px; position: relative; margin-right: 6px; background: transparent url(/Content/Product/ViewProduct/ViewProduct.Tabs.Background.png) no-repeat; } .ie6 .product-view-product div.content .tab-container .tabs li { margin-right: 3px; } .product-view-product div.content .tab-container .tabs li.information { margin-left: 10px; } .product-view-product div.content .tab-container .tabs li a { display: inline-block; height: 30px; line-height: 30px; margin-right: -3px; padding: 0 9px 0 12px; color: #646464; font-weight: bold; background: transparent url(/Content/Product/ViewProduct/ViewProduct.Tabs.Right.Background.png) no-repeat 100% 0; } .ie6 .product-view-product div.content .tab-container .tabs li a { display: inline; margin-right: 0px; } .product-view-product div.content .tab-container .tabs li a .loader { margin-left: 10px; vertical-align: middle; text-decoration: none; } .product-view-product div.content .tab-container .tabs li.current { background-position: 0 -30px; } .product-view-product div.content .tab-container .tabs li.current a { background-position: 100% -30px; } .product-view-product div.content .tab-container .tab-content { display: none; margin-top: 10px; width: 558px; float: left; } .ie .product-view-product .content .tab-container .tab-content { position: relative; } .product-view-product div.content .tab-container .tab-content.current { display: block; } .product-view-product div.content .tab-container .tab-content.information div.links { background: transparent url(/Content/Product/ViewProduct/ViewProduct.Tab.Information.Divider.png) no-repeat; padding-top: 5px; margin-top: 14px; } .product-view-product div.margin .category-links { background-color: #F0F0F0; padding: 10px 15px; margin-bottom: 10px; } .product-view-product div.margin .category-links a { display: block; font-size: 11px; } .product-view-product div.margin .product-outfit { margin-bottom: 10px; } .product-view-product div.margin .product-associated { margin-bottom: 10px; } .ie6 .product-view-product div.content .controllers ol li a.controller { background:transparent url(/Content/Product/ViewProduct/ViewProduct.Controllers.Icons.gif) no-repeat scroll 0 0; } .ie6 .product-view-product div.content .media .control { padding-left: 4px;} .ie6 .product-view-product div.content .left-margin { margin: 0; padding: 0; width: 261px;} .ie6 .product-view-product div.content .main { padding: 0; margin: 0; float: left; overflow: hidden; } .ie .product-view-product div.content .main .product-last-interactions div.top { margin-bottom:0; padding-bottom: 0; overflow: hidden; } .ie .product-view-product div.content .main .product-last-interactions div.bottom { margin-top:0; padding-top: 0 } .ie6 .product-view-product div.content .main span.name { display: inline; } .ie6 .product-view-product div.content .main span.price { display: block; } .ie6 .product-view-product div.content .media div.carousel { height: expression( this.scrollHeight > 181 ? "181px" : "auto" ); } .ie6 .product-view-product div.content .media div.carousel .carousel-items { height: expression( this.scrollHeight > 186 ? "186px" : "auto" ); } .ie6 .product-view-product div.content .media .control a { background:transparent url(/Content/Product/ViewProduct/ViewProduct.Media.Control.Icons.gif) no-repeat scroll 0 0; } .ie6 .product-view-product div.content .media .auto-position-navigation .carousel-previous { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Global/Carousel/Carousel.Horizontal.Previous.png');} .ie6 .product-view-product div.content .media .auto-position-navigation .carousel-next { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Global/Carousel/Carousel.Horizontal.Next.png');} .ie6 .product-view-product div.content .controllers ol li .share a { background:transparent url(/Content/Product/ViewProduct/ViewProduct.Controllers.Icons.gif) no-repeat scroll 0 0; } .ie .product-view-product .content .left-margin .controllers OL { position: relative; } /******************************************************************** /* Content\Product\Interact\Interact.css /********************************************************************/ /******************************************************************** /* Dashboard /********************************************************************/ .product-interact .dashboard { background: transparent url(/Content/Product/Interact/Interact.Dashboard.Top.Background.png) no-repeat; position: relative; padding-top: 4px; width: 558px; overflow: hidden; } .product-interact .dashboard .wrapper { background: transparent url(/Content/Product/Interact/Interact.Dashboard.Controllers.Bottom.Background.png) no-repeat 0 100%; padding: 10px 16px 0 16px; float: left; width: 528px; } .product-interact .dashboard.no-controllers .wrapper { background-image: url(/Content/Product/Interact/Interact.Dashboard.NoControllers.Bottom.Background.png); } .product-interact .dashboard.no-controllers .controllers { display: none; } .product-interact .dashboard .wrapper .area { width: 160px; margin-right: 24px; float: left; vertical-align: top; } .product-interact .dashboard .wrapper.not-size-product .area { width: 250px; margin-right: 24px; float: left; vertical-align: top; } .product-interact .dashboard .wrapper .area.last { margin-right: 0px; } .product-interact .dashboard .wrapper .area h3 { border-bottom: solid 1px #d1d5d7; margin-bottom: 10px; } .product-interact .dashboard .wrapper .area div { margin-bottom: 10px; } .product-interact .dashboard .wrapper .controllers { float: left; } .product-interact .dashboard .wrapper .controllers ol { width: 528px; padding: 0; margin: 0;} .product-interact .dashboard .wrapper .controllers li { float: left; height: 40px; line-height: 40px; width: 160px; margin-right: 24px; font-size: 11px; } .product-interact .dashboard .wrapper.not-size-product .controllers li { width: 250px; } .product-interact .dashboard .wrapper .controllers li a { text-decoration: underline; } .product-interact .dashboard .wrapper .controllers li.last { margin-right: 0px; } .product-interact .dashboard .wrapper .area.question .summary { background: transparent url(/Content/Product/Interact/Interact.Dashboard.Question.png) no-repeat; height: 23px; padding-left: 26px; line-height: 23px; } .product-interact .dashboard .wrapper .area.question .summary .answered-questions { color: #999999; font-size: 11px; } .product-interact .dashboard .wrapper .area.question .actions a { font-size: 11px; text-decoration: underline; } .product-interact .dashboard .wrapper .area.question .navigation { background: none; float: none; margin-bottom: 0; padding: 0; width: auto; } .product-interact .dashboard .wrapper .area.question .navigation a { margin-right: 10px; } .product-interact .dashboard .wrapper .area.size .chart { width: 165px; font-size: 11px; text-align: center; } .product-interact .dashboard .wrapper .area.size .chart .set { width: 53px; display: inline-block; vertical-align: bottom; } .product-interact .dashboard .wrapper .area.size .chart .set span { display: block; color: #999999; } .product-interact .dashboard .wrapper .area.size .chart .set .shadow { background: transparent url(/Content/Product/Interact/Interact.Dashboard.Size.Shadow.png) no-repeat 0 100%; width: 21px; padding: 0 16px 0 16px; margin-bottom: 0; height: 65px; position: relative; } .product-interact .dashboard .wrapper .area.size .chart .set .shadow .bar { background-color: #70003c; height: 1px; margin-bottom: 0; position: absolute; bottom: 7px; width: 21px; } .ie .product-interact .dashboard .wrapper .area.size .chart .set .shadow .bar { margin: 0; padding: 0; overflow: visible; margin-left: -10px; } .product-interact .dashboard .wrapper .area.size .chart .set .shadow .bar span { position: relative; top: -15px; left: -10px; width: 41px; } .ie .product-interact .dashboard .wrapper .area.size .chart .set .shadow .bar span { display: inline; position: absolute; } .product-interact .dashboard .wrapper .area.size .remark { border-top: solid 1px #d1d5d7; padding-top: 10px; } .product-interact .dashboard .wrapper .area.size .remark.first { border: none; padding: 0; } .product-interact .actions { padding-top: 20px; margin-top: -1px; position: relative; display: none; min-height: 1%; } .product-interact .actions.visible { display: block; } .product-interact .review.actions { background: transparent url(/Content/Product/Interact/Interact.Action.Top.Left.Background.png) no-repeat; } .product-interact .size-fit.actions { background: transparent url(/Content/Product/Interact/Interact.Action.Top.Right.Background.png) no-repeat; } .product-interact .question.actions { background: transparent url(/Content/Product/Interact/Interact.Action.Top.Middle.Background.png) no-repeat; } .product-interact .actions .wrapper { background: transparent url(/Content/Product/Interact/Interact.Action.Bottom.Background.png) no-repeat 0 100%; padding: 0 16px 10px 16px; } .product-interact .actions .close { background: transparent url(/Content/Product/Interact/Interact.Close.png) no-repeat; top: 0px; right: -10px; width: 21px; height: 21px; position: absolute; cursor: pointer; } .product-interact .actions .review, .product-interact .actions .size-fit, .product-interact .actions .question { display: none; } .product-interact .actions.review .review { display: block; } .product-interact .actions.size-fit .review { display: block; } .product-interact .actions.question .question { display: block; } .product-interact .actions .question { position: relative; } .product-interact .actions .question label { display: block; font-weight: bold; padding-top: 5px; } .product-interact .actions .question textarea { width: 526px; height: 96px; margin-top: 6px; } .product-interact .actions .question .button { margin-top: 10px; } .product-interact .actions .review { position: relative; } .product-interact .actions .review label { display: block; font-weight: bold; padding-top: 5px; } .product-interact .actions .review span.rating { display: inline-block; width: 90px; padding-left: 0; color: #999999; } .product-interact .actions .review .size-fit { height: 36px; overflow: hidden; display: inline-block; line-height: 36px; } .product-interact .actions .review .size-fit strong { background: transparent no-repeat; width: 110px; height: 36px; padding-top: 36px; display: inline-block; float: left; } .product-interact .actions .review .size-fit strong.woman { background-image: url(/Content/Product/Interact/Interact.SizeFit.Woman.png); } .product-interact .actions .review .size-fit strong.men { background-image: url(/Content/Product/Interact/Interact.SizeFit.Men.png); } .product-interact .actions .review .size-fit strong.children { background-image: url(/Content/Product/Interact/Interact.SizeFit.Children.png); } .product-interact .actions .review .size-fit span { display: none; float: left; font-weight: bold; font-size: 11px; margin-left: 10px; } .product-interact .actions .review .size-fit a { display: none; } .product-interact .actions .review .size-fit.r1 strong { background-position: 0 -36px; } .product-interact .actions .review .size-fit.r2 strong { background-position: 0 -72px; } .product-interact .actions .review .size-fit.r3 strong { background-position: 0 -108px; } .product-interact .actions .review .size-fit.r1 span.small { display: inline; } .product-interact .actions .review .size-fit.r2 span.normal { display: inline; } .product-interact .actions .review .size-fit.r3 span.big { display: inline; } .product-interact .actions .review .size-fit.selected .rollback { display: inline; background: transparent url(/Content/Global/Rollback.png) no-repeat 0 50%; padding-left: 20px; margin-left: 30px; } .product-interact .actions .review textarea { width: 516px; height: 96px; } .product-interact .actions .review .button { margin-top: 10px; } .product-interact .actions .review .mandatory { position: absolute; color: #999999; right: 0px; bottom: 5px; } /******************************************************************** /* Entries /********************************************************************/ .product-interact .entries { margin-top: 25px; } /******************************************************************** /* Entries/Navigation /********************************************************************/ .product-interact .entries div.navigation { background: none; float: none; margin: 10px 0; padding: 0; width: auto; color: #646464; font-weight: bold; line-height: 22px; } .product-interact .entries div.navigation div.select { margin-right: 44px; } /******************************************************************** /* Defaults /********************************************************************/ .product-interact .entries .extra { display: block; height: 31px; width: 538px; line-height: 31px; font-size: 11px; color: #646464; padding: 0 6px; margin-bottom: 15px; background: transparent url(/Content/Product/Interact/Interact.Entry.Root.Extra.Background.png) no-repeat; } .product-interact .entries .created { font-size: 11px; font-style: italic; } .product-interact .entries .entry-actions { width: 120px; display: inline-block; vertical-align: top; text-align: right; vertical-align: top; } .product-interact .entries .entry-actions .feedback { margin-bottom: 10px; font-size: 11px; } .product-interact .entries .entry-actions .feedback h5 { color: #646464; } .product-interact .entries .entry-actions .feedback a, .product-interact .entries .entry-actions .feedback span { display: inline-block; height: 23px; padding-left: 18px; line-height: 23px; margin-left: 5px; background: transparent url(/Content/Product/Interact/Interact.Entry.Feedback.png) no-repeat 0 -23px; } .product-interact .entries .entry-actions .feedback a.negative, .product-interact .entries .entry-actions .feedback span.negative { background-position: 0 -40px; } .product-interact .entries .entry-actions .protest { font-size: 11px; } .product-interact .entries .entry-actions .protest a { text-decoration: underline; } /******************************************************************** /* Review / Question /********************************************************************/ .product-interact .entries .review, .product-interact .entries .question { background: transparent url(/Content/Product/Interact/Interact.Entry.Root.Top.Background.png) no-repeat; padding-top: 5px; margin-bottom: 10px; } .product-interact .entries .review .wrapper, .product-interact .entries .question .wrapper { background: transparent url(/Content/Product/Interact/Interact.Entry.Root.Bottom.Background.png) no-repeat 0 100%; padding: 3px 10px 36px 10px; position: relative; z-index: 1000; } .product-interact .entries .review .extra .rating { display: inline-block; top: 1px; } .product-interact .entries .review .text { width: 384px; display: inline-block; margin-right: 16px; vertical-align: top; margin-left: 6px; } .product-interact .entries .question .text { width: 358px; display: inline-block; margin-right: 16px; vertical-align: top; margin-left: 6px; padding-left: 26px; min-height: 26px; background: transparent url(/Content/Product/Interact/Interact.Entry.Question.png) no-repeat; } .product-interact .entries .question .text a { display: inline-block; margin-top: 10px; margin-right: 20px; } /******************************************************************** /* Answer /********************************************************************/ .product-interact .entries .sublevel { background: transparent url(/Content/Product/Interact/Interact.Entry.Sub.Top.Background.png) no-repeat; padding-top: 6px; margin-left: 51px; margin-bottom: 10px; position: relative; } .product-interact .entries .sublevel .wrapper { background: transparent url(/Content/Product/Interact/Interact.Entry.Sub.Bottom.Background.png) no-repeat 0 100%; padding: 3px 10px 36px 10px; position: relative; } .product-interact .entries .sublevel label { display: block; font-weight: bold; padding-top: 5px; } .product-interact .entries .sublevel .close { background: transparent url(/Content/Product/Interact/Interact.Close.png) no-repeat; top: 0px; right: 5px; width: 21px; height: 21px; position: absolute; cursor: pointer; } .product-interact .entries form { margin-top: -25px; display: none; } .product-interact .entries form.visible { display: block; } .product-interact .entries form .wrapper { padding-top: 16px; padding-bottom: 44px; } .product-interact .entries form textarea { width: 475px; height: 96px; } .product-interact .entries form .button { margin-top: 10px; } .product-interact .entries div.answer .text { width: 333px; display: inline-block; margin-right: 16px; vertical-align: top; margin-left: 6px; } .product-interact .entries div.answer .extra { width: 487px; background-image: url(/Content/Product/Interact/Interact.Entry.Sub.Extra.Background.png); } .product-interact .entries div.answer .extra img { vertical-align: middle; margin-right: 5px; } /******************************************************************** /* Ie /********************************************************************/ .ie6 .product-interact .entries .extra { padding-left: 20px; padding-top: 10px; overflow: hidden; } .ie6 .product-interact .entries .review .wrapper, .ie6 .product-interact .entries .question .wrapper {background:transparent url(/Content/Product/Interact/Interact.Entry.Root.Bottom.Background.gif) no-repeat scroll 0 100%; overflow: hidden; } .ie6 .product-interact .entries .review, .ie6 .product-interact .entries .question {background:transparent url(/Content/Product/Interact/Interact.Entry.Root.Top.Background.gif) no-repeat scroll 0 0;} .ie6 .product-interact .entries .answer .wrapper {background:transparent url(/Content/Product/Interact/Interact.Entry.Sub.Bottom.Background.gif) no-repeat scroll 0 100%; overflow: hidden; top: 0;} .ie6 .product-interact .entries .answer { background:transparent url(/Content/Product/Interact/Interact.Entry.Sub.Top.Background.gif) no-repeat scroll 0 0; } .ie .product-interact .entries .answer .text, .ie .product-interact .entries .question .text, .ie .product-interact .entries .review .text { display: inline; } .ie .product-interact .entries .entry-actions { display: inline; } .ie .product-interact .dashboard .wrapper .area.size .chart .set { display: inline; } .ie .product-interact .dashboard .wrapper .controllers { clear: both; width: 528px; } .ie .product-interact .dashboard .wrapper .area { overflow: hidden; } .ie6 .product-interact .actions .question textarea { display: inline-block; } /******************************************************************** /* Add notification subscriber /********************************************************************/ .interact-add-subscriber span.input-text { float: none; width: 170px; } .interact-add-subscriber div.checkbox.custom-style { margin-top: -6px; } .interact-add-subscriber span.only-manager-answers { font-size: 11px; top: -3px; position: relative; } .ie7 .interact-add-subscriber span.only-manager-answers { top: -3px; } .ie6 .interact-add-subscriber span.only-manager-answers { top: -0px; } /******************************************************************** /* Content\Product\Inventory\Inventory.css /********************************************************************/ .product-inventory span.price { background: transparent url(/Content/Product/Inventory/Price.Colors.png) no-repeat 0 -25px; padding-left: 14px; line-height: 11px; font-size: 12px; font-weight: normal; margin-right: 10px; } .product-inventory span.price.out { background-position: 0 -11px; } .product-inventory span.lowered { background-position: 0 3px; } .product-inventory table { margin-top: 20px; } .product-inventory table .action { width: 300px; } .product-inventory table .action .wrapper { position: relative; } .product-inventory table .action .wrapper .message .message-wrapper { font-size: 11px; background: transparent url(/Content/Cart/Cart.ShoppingBag.png) no-repeat 5px 5px; padding-left: 55px; white-space: nowrap; color:#646464; font-weight:bold; line-height:32px; } .product-inventory table .price { width: 150px; } .product-inventory table .out { color: #999999; } .product-inventory table th, .product-inventory table td { text-align: left; padding-right: 15px; white-space: nowrap; } .product-inventory table tr.odd td { background-color: #F0F0F0; } .product-inventory table tr.lowered td.price { color: #a70a16; } /******************************************************************** /* Content\Product\NotifyIfAvailable\NotifyIfAvailable.css /********************************************************************/ .popup-product-notify-if-available { background-color: #fff; padding: 20px; } .product-notify-if-available { width: 445px;} .product-notify-if-available h4 { margin-bottom: 8px; } .product-notify-if-available img { float: left; } .product-notify-if-available form { float: right; margin-left: 20px; width: 300px; } .product-notify-if-available form .item-name { font-style: italic; } .product-notify-if-available form li { float: left; margin-right: 20px; } .product-notify-if-available form li span { font-weight: bold; } .product-notify-if-available form label { display: block; font-weight: bold; } .product-notify-if-available form .help { margin: 20px 0; } .product-notify-if-available form span.input-text { width: 180px; margin-right: 20px; } /******************************************************************** /* Content\Product\Magnify\Magnify.css /********************************************************************/ .product-magnify { } .product-magnify div.carousel { position: absolute; right: 0px; top: 0px; padding: 5px; z-index: 200; background: transparent url(/Content/Product/Magnify/Magnify.Thumbs.Background.png); height: 255px; } .product-magnify div.carousel div.carousel-items { width: 54px; height: 261px; } .product-magnify ul li img { border: dashed 1px #fff; } .product-magnify ul li.current img { border: solid 1px #fff; } .product-magnify div.carousel .carousel-previous { top: -16px; left: 17px; } .product-magnify div.carousel .carousel-next { bottom: -16px; left: 17px; } .product-magnify div.carousel .carousel-pagination { position: absolute; } .product-magnify .viewport .help { padding: 14px 10px 14px 50px; } .product-magnify .control { position: absolute; left: 0px; top: 0px; height: 25px; padding: 5px; z-index: 40; background: transparent url(/Content/Product/Magnify/Magnify.Thumbs.Background.png); } .product-magnify .control a { display: inline-block; height: 25px; width: 25px; background: transparent url(/Content/Product/ViewProduct/ViewProduct.Media.Control.Icons.png) no-repeat; } .product-magnify .control a.plus { background-position: 0 0px; } .product-magnify .control a.plus:hover { background-position: 0 -25px; } .product-magnify .control a.minus { margin-left: 2px; background-position: 0 -50px; } .product-magnify .control a.minus:hover { background-position: 0 -75px; } .ie6 .product-magnify div.carousel .carousel-next { top: 255px; } /******************************************************************** /* Content\Product\Buy\Buy.css /********************************************************************/ .product-buy div.top { background: transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Top.Background.png) no-repeat; height: 3px; } .ie6 .product-buy div.top { margin: 0; padding: 0; overflow: hidden;} .product-buy .show-error div.top { height: 11px; padding: 9px 0 10px 40px; line-height: 11px; font-size: 11px; color: #fff; } .product-buy div.bottom { background: transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Background.png) no-repeat 0 100%; padding: 12px 15px 15px 15px; position: relative; } .product-buy .quantity { vertical-align: middle; display: inline-block; } .ie .product-buy .quantity { margin-top: 2px; } .product-buy .quantity .message .message-wrapper { font-size: 11px; background: transparent url(/Content/Cart/Cart.ShoppingBag.png) no-repeat 5px 5px; padding-left: 55px; white-space: nowrap; color:#646464; font-weight:bold; line-height:32px; } .product-buy .quantity input { width: 20px; height: 24px; background: transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Input.Background.png) no-repeat; border: none; line-height: 28px; vertical-align: middle; margin-right: 5px; font-size: 18px; color: #646464; padding: 3px 0 0 8px; } .ie .product-buy .quantity input { padding-top: 0px; width: 23px; height: 32px; } .product-buy .button { background: transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Button.Background.png) no-repeat; margin-right: 17px; height: 40px; vertical-align: middle; } .product-buy .button:hover { background-position: 0 0; } .product-buy .button button { background: transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Button.Right.Background.png) no-repeat 100% 0; margin-right: -17px; height: 40px; line-height: 40px; font-size: 15px; font-weight: bold; color: #b81a54; } .product-buy .button:hover button { background-position: 100% 0; } .product-buy .extra { display: inline-block; vertical-align: middle; margin-left: 5px; } .product-buy .freight { background: transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Extra.Background.png) no-repeat; margin-right: 7px; height: 28px; display: inline-block; } .ie6 .product-buy .freight { display: inline; } .product-buy .freight a { background: transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Extra.Right.Background.png) no-repeat 100% 0; margin-right: -7px; height: 28px; line-height: 28px; display: inline-block; color: #fff; margin-left: 20px; padding-right: 13px; text-decoration: underline; font-weight: bold; font-size: 11px; } .ie6 .product-buy .freight a { margin-right: 0px; } .product-buy .extra .button { background: transparent url(/Content/Product/Buy/Buy.Extra.Button.Background.png) no-repeat; margin-right: 17px; height: 40px; vertical-align: middle; } .ie6 .product-buy .extra .button { background:transparent url(/Content/Product/Buy/Buy.Extra.Button.Background.gif) no-repeat scroll 0 0; } .product-buy .extra .button:hover { background-position: 0 0; } .product-buy .extra .button a { background: transparent url(/Content/Product/Buy/Buy.Extra.Button.Right.Background.png) no-repeat 100% 0; margin-right: -17px; height: 40px; line-height: 40px; font-size: 15px; font-weight: bold; color: #fff; } .ie6 .product-buy .extra .button a { background-image: url(/Content/Product/Buy/Buy.Extra.Button.Right.Background.gif); margin-right: 0px; } .product-buy .extra .button:hover a { background-position: 100% 0; } .product-buy div.bottom ul { color: #fff; font-weight: bold; margin-top: 8px; } .product-buy div.bottom ul li { list-style-image:none; list-style-position:inside; list-style-type:disc; } .product-buy div.bottom ul li a { color: #fff; } .product-buy div.bottom .variant-id { position: absolute; right: 5px; bottom: 5px; color: #fff; font-size: 11px; display: none; } .ie6 .product-buy .freight { background:transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Extra.Background.gif) no-repeat scroll 0 0; } .ie6 .product-buy .freight a { background:transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Extra.Right.Background.gif) no-repeat scroll 100% 0; } .ie .product-blog .help { overflow: hidden; } .ie .product-blog .help .tag { width: 220px; overflow: auto; } .ie6 .product-buy .button button { background:transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Button.Right.Background.gif) no-repeat scroll 100% 0; } .ie6 .product-buy .button { background:transparent url(/Content/Product/ViewProduct/ViewProduct.Buy.Button.Background.gif) no-repeat scroll 0 0; } .ie .context-menu { position: relative; z-index: 30000;} .ie .context-menu .click-trail .drop { position: relative; z-index: 35000;} /******************************************************************** /* Content\Product\Print\Print.css /********************************************************************/ .product-print .logotype { height: 79px; padding-top: 29px; } .product-print .details { float: left; margin: 20px 0; } .product-print .details img { float: left; width: 248px; margin-right: 20px; border: 1px solid #E6E8E7; } .product-print .details div { float: left; width: 690px; } .product-print .details div span.brand { color: #646464; display: block; line-height: 11px; } .product-print .details div span.name { display: block; font-size: 25px; line-height: 25px; margin-top: 6px; } .product-print .details div span.price { display: block; font-size: 25px; line-height: 25px; margin-top: 6px; margin-bottom: 20px; } .product-print .details div span.url { color: #646464; margin-top: 20px; font-style: italic; display: block; } .product-print .footer { float: left; margin-top: 50px; margin-bottom: 20px; } .product-print .footer .url { font-size: 22px; font-weight: bold; } .product-print .footer .service { color: #646464; } /******************************************************************** /* Content\Product\Blog\Blog.css /********************************************************************/ .product-blog { float: left; width: 558px; } .product-blog .entries { float: left; width: 285px; } .product-blog .help { float: right; width: 250px; } .product-blog .help .ping { margin-bottom: 20px; } .product-blog .help .tag { color: #aaa; padding: 5px 10px; border: solid 1px #aaa; overflow: hidden; } .product-blog .help .button { margin-top: 10px; } .product-blog .help .notice { display: block; color: #aaa; font-size: 12px; } .product-blog .help .share { margin-bottom: 10px; } .product-blog .entries .header { float: left; width: 261px; padding: 0 12px; } .product-blog .entries .header h3 { float: left; } .product-blog .entries .header a { float: right; font-size: 11px; text-decoration: none; } .product-blog .entries .header a img { vertical-align: middle; } .product-blog .entries .loader { display: block; float: left; width: 285px; background: transparent url(/Content/Global/AjaxLoader.Bar.gif) no-repeat 50% 0; height: 18px; margin: 20px 0; } .product-blog .entries .no-entries { padding: 0 12px; display: none; } .product-blog .entries ul { float: left; width: 285px; display: none; } .product-blog .entries ul li { padding: 12px; position: relative; font-size: 11px; } .product-blog .entries ul li.even { background-color: #f5f5f5; } .product-blog .entries ul li a { display: block; } .product-blog .entries ul li a.entry { font-weight: bold; display:block; width:180px; } .product-blog .entries ul li span { position: absolute; right: 12px; top: 12px; color: #999999; } .product-blog .entries .navigation { float: left; width: 261px; margin: 0; padding: 0 12px; background: transparent url(/Content/Product/Blog/Blog.Divider.png) no-repeat 50% 0; padding-top: 10px; margin-top: 10px; } .product-blog .entries .navigation a { display: block; } .product-blog .entries .navigation a.all-entries { display: none; } /******************************************************************** /* Content\Product\CompactViewProduct\CompactViewProduct.css /********************************************************************/ .product-compact-view-product { } .product-compact-view-product img { border: 1px solid #E5E7E6; } .product-compact-view-product img:hover { border: 1px solid #000000; } .product-compact-view-product .product-data { display: inline-block; } .product-compact-view-product .product-data span { display: block; line-height: 13px; } .product-compact-view-product .product-data span.price { font-size: 12px; margin: 4px 0 0 0; } .product-compact-view-product .product-data span.rating { margin: 2px 0 4px; } .product-compact-view-product .product-data span.button { margin-top: 10px; display: inline-block; } .product-compact-view-product .basic .product-data { width: 112px; } .product-compact-view-product .basic .image { width: 73px; padding-right: 20px; } .product-compact-view-product .drop.full { right: 20px; z-index: 5000; margin-top: -35px; } .ie .product-compact-view-product .drop.full { margin-top: -15px; } .product-compact-view-product .full .product-data { width: 127px; padding-right: 20px; vertical-align: top; } .product-compact-view-product .full .form { vertical-align: top; } .product-compact-view-product .full .description { font-size: 11px; width: 285px; } .product-compact-view-product .full .description label { display: block; font-weight: bold; } .product-compact-view-product .full .attributes { margin-top: 10px; margin-bottom: 10px; } .product-compact-view-product .full .attributes .group { display: inline-block; margin-right: 10px; } .product-compact-view-product .full .attributes label { display: block; font-size: 13px; font-weight: bold; } .product-compact-view-product .full .attributes .select { margin-bottom: 5px; } .product-compact-view-product .full .attributes .measure { margin-left: 5px; font-size: 11px; text-decoration: underline; position: relative; top: -2px; } /******************************************************************** /* Content\Product\Video\Video.css /********************************************************************/ /******************************************************************** /* Content\Product\Share\Share.css /********************************************************************/ .product-share { padding: 5px; } .product-share h3 { width: 218px; } .product-share a { text-decoration: underline; } .product-share .email { width: 230px; position: relative; } .product-share .email .product-share-via-email form { display: none; } .product-share .email .product-share-via-email .mandatory { position: absolute; color: #999999; right: 0px; bottom: 5px; } .product-share .other { width: 230px; position: relative; margin-top: 10px; height: 75px; } .product-share .other li { width: 100px; } .product-share .other a { padding-left: 18px; line-height: 25px; } .product-share .other a.bookmark { background: transparent url(/Content/Product/Share/Share.AddBookmark.png) no-repeat; } .ie6 .product-share .other a.bookmark {background:transparent url(/Content/Product/Share/Share.AddBookmark.gif) no-repeat scroll 0 0; } .product-share .other a.twitter { background: transparent url(/Content/Product/Share/Share.Twitter.png) no-repeat; } .product-share .other a.facebook { background: transparent url(/Content/Product/Share/Share.Facebook.png) no-repeat; } .product-share .other a.myspace { background: transparent url(/Content/Product/Share/Share.MySpace.png) no-repeat; } .product-share .other a.live { background: transparent url(/Content/Product/Share/Share.Live.png) no-repeat; } .product-share .other a.google { background: transparent url(/Content/Product/Share/Share.Google.png) no-repeat; } /******************************************************************** /* Content\Product\Outfit\Outfit.css /********************************************************************/ .product-outfit { float: left; background: transparent url(/Content/Product/Associated/Associated.Divider.png) no-repeat 0 100%; padding-bottom: 10px; } .ie .product-outfit { position: relative; z-index: -1; } .product-outfit h3 { margin-bottom: 5px; } .product-outfit .tab-container .tabs { float: left; width: 172px; margin-bottom: 10px; background: transparent url(/Content/Product/Outfit/Outfit.Tabs.Line.png) no-repeat 0 100%; } .product-outfit .tab-container .tabs li { float: left; width: 27px; height: 19px; line-height: 19px; font-weight: bold; font-size: 11px; text-align: center; background: transparent url(/Content/Product/Outfit/Outfit.Tabs.Background.png) no-repeat 0 -19px; } .product-outfit .tab-container .tabs li a { width: 27px; height: 19px; display: inline-block; position: relative; } .product-outfit .tab-container .tabs li a .loader { left:5px; position:absolute; top:2px; } .product-outfit .tab-container .tabs li.first { margin-left: 20px; } .product-outfit .tab-container .tabs li.current { background-position: 0 0; } .product-outfit .tab-container .tab-content { float: left; } .product-outfit .tab-container .tab-content ul li { float: left; width: 86px; height: 135px; margin-bottom: 10px; } .product-outfit .tab-container .tab-content ul li img { border: 1px solid #E6E8E7; } .product-outfit .tab-container .tab-content ul li.current img { border: 1px solid #000; } .product-outfit .tab-container .tab-content ul li span { display: block; } .product-outfit .tab-container .tab-content ul li span.price, .product-outfit .tab-container .tab-content ul li span.price * { font-size: 12px; } /******************************************************************** /* Content\Product\Associated\Associated.css /********************************************************************/ .product-associated { float: left; padding-bottom: 10px; background: transparent url(/Content/Product/Associated/Associated.Divider.png) no-repeat 0 100%; } .ie .product-associated { position: relative; z-index: -1; clear:left; width: 100%} .product-associated.last { background: none; } .product-associated ul { overflow: hidden; position: relative; } .product-associated ul li { float: left; width: 86px; height: 140px; margin-bottom: 10px; } .product-associated ul li img { } .product-associated ul li.current img { border: 1px solid #000; } .product-associated ul li span { display: block; } .product-associated ul li span.price, .product-associated ul li span.price * { font-size: 12px; display: block !important} .product-associated ul li span.price del { font-size: 11px; } .product-associated .button { margin-top: 5px; display: none; } /******************************************************************** /* Content\Product\GoogleTranslate\GoogleTranslate.css /********************************************************************/ .main .embedded-warning-google { background: url("/Content/Product/GoogleTranslate/bookmark-google-bookmarks.png") no-repeat scroll 2% 50% rgb(255, 219, 219); margin-left:0px; font-size:90%; padding:5px; } .main .embedded-warning-wrapper-google { margin-left:22px; color: #70003c; } /******************************************************************** /* Content\Catalog\OrderCatalog.css /********************************************************************/ .catalog-order-catalog { padding: 15px; } .catalog-order-catalog .content { width: 705px; float: left; } .catalog-order-catalog .margin { width: 205px; float: right; } .catalog-order-catalog h2 { margin-bottom:10px; } .catalog-order-catalog form .forms { display: none; float: left; width: 100%; } .catalog-order-catalog form .customer-application { display: none; margin-top: 20px; } .catalog-order-catalog form .customer-lookup { display: none; margin-top: 20px; } .catalog-order-catalog form.application .forms, .catalog-order-catalog form.lookup .forms { display: block; } .catalog-order-catalog form.application .customer-application { display: block; } .catalog-order-catalog form.lookup .customer-lookup { display: block; } .catalog-order-catalog .customer-application { border-top:1px solid #E9E9E9; padding:10px 0; } .catalog-order-catalog .customer-lookup { border-bottom:1px solid #E9E9E9; border-top:1px solid #E9E9E9; padding:10px 0; } .catalog-order-catalog .customer-application.newsletter, .catalog-order-catalog .customer-lookup.newsletter { border: none; padding: 0; } .catalog-order-catalog form { width: 100%; } .catalog-order-catalog .field { margin-right: 20px; position: relative; } .catalog-order-catalog .field .error { font-weight: normal; } .catalog-order-catalog .field span.input { width: 250px; white-space: nowrap; } .catalog-order-catalog .lookup-email p { color: #646464; font-weight: bold; white-space: nowrap; } .catalog-order-catalog .lookup-email span.input-text { width: 332px; white-space: nowrap; } .catalog-order-catalog .customer-customer-type h6 { margin-bottom: 10px; } .catalog-order-catalog .actions { clear: left; width: 100%; height: 52px; border-top: solid 1px #e9e9e9; text-align: center; line-height: 52px; margin-top: 10px; text-align: center; } .catalog-order-catalog .actions .accept-policy { vertical-align: middle; display: -moz-inline-box; display: inline; line-height: 20px; margin-right: 20px; position: relative; } .catalog-order-catalog .actions .accept-policy a { text-decoration: none; vertical-align: middle; } .catalog-order-catalog .actions .accept-policy a:hover { text-decoration: underline; } .catalog-order-catalog .actions .accept-policy input { vertical-align: middle; } .catalog-order-catalog .actions span.button { vertical-align: middle; } .catalog-order-catalog .newsletter span { margin-bottom: 5px; display: block; } .catalog-order-catalog .newsletter .field { float: none; } .catalog-order-catalog .customer-application.newsletter .field { float: none; margin-top: 5px; } .ie6 .catalog-order-catalog .lookup-email { margin: 0; padding: 0} .ie6 .catalog-order-catalog .lookup-email span.input-text { margin: 0; padding: 0} .ie .catalog-order-catalog .actions { padding-top: 20px; } /******************************************************************** /* Content\Catalog\OrderedCatalog.css /********************************************************************/ .catalog-ordered-catalog { padding: 15px; } .catalog-ordered-catalog .content { width: 705px; float: left; } .catalog-ordered-catalog .margin { width: 205px; float: right; } /******************************************************************** /* Content\Newsletter\Newsletter.css /********************************************************************/ span.inline-newsletter.success { background: transparent url(/Content/Newsletter/Notice.Icon.png) no-repeat; padding-left: 22px; min-height: 20px; display: block; } span.inline-newsletter.error { background: transparent url(/Content/Newsletter/Notice.Icon.png) no-repeat; padding-left: 22px; height: 20px; display: block; } /******************************************************************** /* Content\Search\Product.css /********************************************************************/ .search-product { padding: 10px; } .search-product .social-search { float: left; width: 920px; padding: 0 10px 0 10px; margin-bottom: 15px; } .search-product .social-search h3 { color: #646464; margin-bottom:5px; } .search-product .social-search h3 span { color: #c91c5b; } .search-product .social-search ul { width: 939px; } .search-product .social-search ul li { float: left; margin-right:19px; width:215px; } .search-product .social-search ul li div { float: left; } .search-product .social-search ul li div span { display: block; } .search-product .social-search ul li div img { border: 1px solid #E7E7E7; } .search-product .social-search ul li div img:hover { border-color: #A70A16; } .search-product .social-search ul li div.details { margin-left: 10px; } .search-product .header { float: left; width: 920px; padding: 10px 10px; background: transparent url(/Content/Search/Product.Header.Background.png) repeat-x; } .ie6 .search-product .header { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Search/Product.Header.Background.png', sizingMethod = 'scale' ); } .search-product .header h2 { float: left; } .search-product .header h2 span { color: #c91c5b; } .search-product .header .filter { float: right; } .search-product .navigation { float:left; width:920px; padding: 0 10px; } .search-product .navigation.first { margin-bottom: 10px; padding-bottom: 10px; background:transparent url(/Content/Global/Shadow.Top.png) no-repeat scroll 50% 100%; } .search-product .navigation.last { margin-top: 10px; padding-top: 10px; background:transparent url(/Content/Global/Shadow.Bottom.png) no-repeat scroll 50% 0; } .search-product .navigation .shared-sort { float: left; } .search-product .navigation .shared-pagination { float: right; } .search-product .items { width: 920px; padding: 0 10px; } .search-product .items ul { width: 951px; } .search-product .items ul li { float: left; height:279px; position:relative; width:127px; margin-right: 31px; } .search-product .no-result { width: 920px; padding: 0 10px; font-weight: bold; font-style: italic; } /******************************************************************** /* Content\Checkout\Checkout.css /********************************************************************/ .checkout-container { padding: 15px; } .checkout-container .content { width: 705px; float: left; } .ie6 .checkout-container .content { } .checkout-container .margin { width: 205px; float: right; } .checkout-container .checkout-order-header { margin-bottom: 20px; float: left; } .checkout-container .checkout-order-header .customer, .checkout-container .checkout-order-header .options { width: 342px; } .checkout-container .checkout-order-header .customer { margin-right: 21px; } .checkout-container .actions { float: right; margin-top: 10px; } .checkout-container .actions .button { float: left; } .checkout-container .actions .button.red { margin-left: 10px; } /******************************************************************** /* Content\Checkout\PlanDelivery.css /********************************************************************/ .checkout-plan-delivery .cart-content { float: left; margin-top: 10px; } .checkout-plan-delivery form { float: left; width: 100%; } .checkout-plan-delivery form .customer-application, .checkout-plan-delivery form .customer-lookup { display: none; margin-top: 10px; width: 100%; float: left; } .checkout-plan-delivery form.application .customer-application { display: block; } .checkout-plan-delivery form.lookup .customer-lookup { display: block; } .checkout-plan-delivery form .actions .accept-policy { float: left; margin-right: 10px; } .checkout-plan-delivery form .checkout-offer-code { float: left; border-top: 1px dashed #E5E7E6; padding-top: 10px; margin-top: 10px; width:100%; clear: left; } .checkout-plan-delivery form .checkout-offer-code .content { width: 655px; } .checkout-plan-delivery .no-items { display: none; } .checkout-plan-delivery.no-items form { display: none; } .checkout-plan-delivery.no-items .no-items { display: block; } /******************************************************************** /* Content\Checkout\DeliveryOptions.css /********************************************************************/ .checkout-delivery-options .header { float: left; width: 705px; } .checkout-delivery-options .header .telephone { float: left; } .checkout-delivery-options .checkout-options { float: left; width: 705px; margin-bottom: 20px; } .checkout-delivery-options .checkout-options .wrapper { float: left; width: 726px; } .checkout-delivery-options .checkout-options .option-group.order-confirmation h2.mandatory { display: inline; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url(/Content/Global/Input/Input.Required.Marker.gif) no-repeat scroll 100% 60%; padding-right: 10px; } .ie6 .checkout-delivery-options .checkout-options .option-group.pickup-location .pickup-location input { float: left; overflow: hidden; } .ie6 .checkout-delivery-options .checkout-options .option-group.pickup-location .pickup-location div { float: left; overflow: hidden; margin-left: 5px; } .ie6 .checkout-delivery-options .checkout-options .option-group.pickup-location .pickup-location { clear: both; } /******************************************************************** /* Content\Checkout\OrderRows.css /********************************************************************/ .checkout-order-rows { width: 100%; } .checkout-order-rows div.item { float: left; width: 100%; padding-top: 10px; border-top: dashed 1px #E5E7E6; } .checkout-order-rows div.item img { float: left; border: 1px solid #E5E7E6; margin-right: 15px; margin-bottom: 8px; } .checkout-order-rows div.item .detail { float: left; font-weight: bold; margin-right: 15px; margin-bottom: 8px; } .checkout-order-rows div.item .detail div { } .checkout-order-rows div.item .detail span { font-weight: normal; } .checkout-order-rows div.item .common { float: right; margin-bottom: 8px; } .checkout-order-rows div.item .common div { float: left; margin-left: 10px; } .checkout-order-rows div.item .common span { font-weight: bold; } .checkout-order-rows div.item .common label { font-size: 10px; display: block; } .checkout-order-rows div.item .common .item-id { width: 80px; } .checkout-order-rows div.item .common .size { width: 40px; } .checkout-order-rows div.item .common .quantity { width: 40px; } .checkout-order-rows div.item .common .price { text-align: right; white-space: nowrap; width: 60px; } .checkout-order-rows div.item .common .total { text-align: right; padding-right: 10px; white-space: nowrap; width: 60px; } .checkout-order-rows .order-value { border: solid 1px #e5e7e6; float: left; width: 100%; } .checkout-order-rows .order-value div { padding: 10px; text-align: right; font-size: 15px; float: right; } .checkout-order-rows .order-value div.total label { font-weight: bold; } .checkout-order-rows .order-value div span { font-weight: bold; color: #c91c5b; } /******************************************************************** /* Content\Checkout\OrderHeader.css /********************************************************************/ .checkout-order-header .customer { float: left; } .checkout-order-header .options { float: left; } .checkout-order-header label { width: 150px; display: inline-block; margin-bottom: 2px; } .checkout-order-header div { display: inline-block; vertical-align: top; margin-bottom: 2px; } .ie6 .checkout-order-header div { overflow: hidden; } /******************************************************************** /* Content\Checkout\Options\Options.css /********************************************************************/ .checkout-options .wrapper { } .checkout-options .option-group { float: left; width: 342px; height: 110px; margin-right: 21px; } .checkout-options .option-group label { display: block; } .checkout-options .option-group span.input-text { width: 80%; } .checkout-options .option-group.order-confirmation .newsletter input { margin-left: 0px; } .checkout-options .option-group.pickup-location { height: auto; } .checkout-options .option-group.pickup-location .pickup-location div { display: inline-block; vertical-align: top; margin-bottom: 5px; } .ie7 .checkout-options .option-group.pickup-location .pickup-location div { display: inline; } .checkout-options .option-group.pickup-location .pickup-location div label { font-weight: bold; display: inline; } .checkout-options .option-group.notification { display: none; } .checkout-options .option-group.notification.enabled { display: block; } .checkout-options .option-group.notification.required .required { display: block; float: left; margin-top: 10px; background: transparent url(/Content/Checkout/Attention.Sign.png) no-repeat; padding-left: 40px; padding-top: 9px; min-height: 31px; font-size: 11px; } .ie6 .checkout-options .option-group.notification.required .required { height: expression( this.scrollHeight < 31 ? "31px" : "auto" ); } .checkout-options .option-group.notification .required { display: none; } /******************************************************************** /* Content\Checkout\End.css /********************************************************************/ .checkout-end .thanks { margin-bottom: 20px; } /******************************************************************** /* Content\Checkout\OrderDenied.css /********************************************************************/ .checkout-order-denied .text { margin-bottom: 20px; } /******************************************************************** /* Content\Checkout\Offline.css /********************************************************************/ .checkout-offline {} .checkout-offline .help { margin-bottom: 20px; } .checkout-offline .checkout-options { float: left; width: 705px; margin-bottom: 20px; } .checkout-offline .checkout-options .wrapper { float: left; width: 726px; } .checkout-offline .cart-content { float: left; margin-top: 10px; } .checkout-offline form { float: left; width: 100%; } .checkout-offline form .customer-application, .checkout-offline form .customer-lookup { display: none; margin-top: 10px; width: 100%; float: left; } .checkout-offline form.application .customer-application { display: block; } .checkout-offline form.lookup .customer-lookup { display: block; } .checkout-offline form .checkout-offer-code { float: left; width: 100%; } .checkout-offline form .actions .accept-policy { float: left; margin-right: 10px; } .checkout-offline form .checkout-offer-code { border-top:1px dashed #E5E7E6; padding-top: 10px; margin-top: 10px; } .checkout-offline form .checkout-options { border-top:1px dashed #E5E7E6; padding-top: 10px; margin-top: 10px; } .checkout-offline .no-items { display: none; } .checkout-offline.no-items form { display: none; } .checkout-offline.no-items .no-items { display: block; } /******************************************************************** /* Content\Checkout\OfferCode.css /********************************************************************/ .checkout-offer-code .content { line-height: 23px; color: #646464; } .checkout-offer-code .content .input-text { width: 30px; margin-right: 20px; } /******************************************************************** /* Content\Customer\CustomerLookup.css /********************************************************************/ .customer-lookup .field.identity { margin-right: 15px; } .customer-lookup.customer-id .field.postal-code .input-text { width: 50px; } .customer-lookup.account .field.identity .input-text { width: 150px; } .customer-lookup.account .field.password .input-text { width: 100px; } .customer-lookup div.customer-id, .customer-lookup div.account { display: none; } .customer-lookup.customer-id div.customer-id { display: block; } .customer-lookup.account div.account { display: block; } .customer-lookup a.customer-id, .customer-lookup a.account { display: none; position: relative; clear: both; margin-top: 55px;} .customer-lookup.account a.customer-id, .customer-lookup.customer-id a.account { display: block; font-size: 11px; text-decoration: underline; } .ie7 .customer-lookup a.customer-id { display: none; position: relative; clear: both; margin-top: 10px;} /******************************************************************** /* Content\Customer\CustomerApplication.css /********************************************************************/ .customer-application .field .input-text { width: 100%; } .customer-application .first { float: left; width: 300px; margin-right: 40px; } .customer-application .first .firstname { width: 140px; margin-right: 20px; } .customer-application .first .lastname { width: 140px; margin-right: 0px; } .customer-application .first .address { width: 300px; margin-right: 0px; } .customer-application .first .postal-code { width: 92px; margin-right: 20px; } .customer-application .first .postal-code .text-input { width: 48px; } .customer-application .first .postal-address { width: 188px; margin-right: 0px; } .customer-application .last { float: left; width: 150px; margin-right: 15px; } .customer-application .email-push { float: left; background: transparent url(/Content/Checkout/PlanDelivery.EmailPush.png) no-repeat; width: 170px; height: 104px; margin-top: 19px; padding: 10px 15px; } .ie6 .customer-application .first { width:310px; padding: 0; margin-right: 20px; } .ie6 .customer-application .first .firstname { width: 130px; margin-right: 0; margin-bottom: -5px; } .ie6 .customer-application .first .lastname { width: 130px; margin-right: 0; margin-bottom: -5px; } .ie6 .customer-application .first .address { width: 280px; margin-right: 0; margin-bottom: -5px; } .ie6 .customer-application .first .postal-code { width: 92px; margin-right: 0; margin-bottom: -5px; } .ie6 .customer-application .first .postal-address { width: 168px; margin-right: 0; margin-bottom: -5px; } .ie6 .customer-application .last { width: 125px; padding: 0; margin-right: 20px; } .ie6 .customer-application .last .field { margin-right: 0; margin-bottom: -5px; } /******************************************************************** /* Content\Finance\LoanApplication.css /********************************************************************/ .finance-loan-application { padding: 10px; float:left; width:600px; } .finance-loan-application h2 { margin-bottom:15px; } .finance-loan-application p { margin-top:15px; margin-bottom:15px; } .finance-loan-application .form-section { width:500px; border-top:1px solid #CCCCCC; float:left; clear:both; margin-bottom:15px; padding-top:15px; } .finance-loan-application .form-section .field { width:300px; } .finance-loan-application .column { float:left; width:250px; } .finance-loan-application .input-text{ margin-bottom: 10px; margin-right: 500px; width: 200px; } .finance-loan-application #employedsince { width:250px; margin-right:500px; } .finance-loan-application #employedsince select { float:left; width:100px; margin-right:10px; } .finance-loan-application label { font-weight:bold; color:#646464; margin-bottom:3px; clear:both; margin-top: 10px;} .finance-loan-application .selection-label { clear: both; display: block; } .finance-loan-application p.error { position:absolute; } .finance-loan-application .field { position:relative; } .finance-loan-application .messagefield { position:relative; float:left; } .finance-loan-application .buttons { margin-top:10px; } .finance-loan-application-sent p { margin-top:25px; margin-bottom:25px; } .finance-loan-application .form-section .grey { color: Gray; padding-top: 0; margin-top: 0; } .ie6 .finance-loan-application .column {width:230px; overflow: hidden;} .ie6 .finance-loan-application .form-section .column .field {margin: 0; padding: 0; overflow: hidden; width: 220px;} /******************************************************************** /* Content\Finance\LoanCalculation.css /********************************************************************/ .finance-loan-calculation { padding: 10px; float: left; width: 100%; } .finance-loan-calculation .result { display:none; } .finance-loan-calculation p { margin: 20px 0; } .finance-loan-calculation select { margin-bottom:15px; } .finance-loan-calculation label { color:#555555; font-weight:bold; margin-top: 10px; } .finance-loan-calculation .result span { color:#FF0000; font-size: 2em; font-weight:bold; } .finance-loan-calculation .field { margin-bottom: 10px; } /******************************************************************** /* Content\Promotion\Page.css /********************************************************************/ .promotion-page { padding: 29px; } .promotion-page .brands { float: left; width: 712px; overflow: hidden; } .promotion-page .brands h2 { margin-left: 10px; } .promotion-page .brands ul { float: left; background: transparent url(/Content/Promotion/Page.Brands.png) no-repeat; padding: 10px; width: 702px; } .promotion-page .brands ul li { float: left; text-align: center; font-weight: bold; font-size: 13px; width: 107px; margin-right: 10px; } .promotion-page .brands ul li a { color: #fff; } .promotion-page div.auto-generated-wrapper { float: left; background: transparent url(/Content/Global/Shadow.Top.png) no-repeat 0 0; padding-bottom: 25px; padding-top: 18px; } .promotion-page div.auto-generated { float: left; margin-top: 20px; } .promotion-page div.auto-generated .promotion-product-blurb-2 { margin-top: 20px; } /******************************************************************** /* Content\Promotion\BlurbArea.css /********************************************************************/ .promotion-blurb-area { position: relative; overflow: hidden; } .promotion-blurb-area .blurb { position: absolute; overflow: hidden; } .promotion-blurb-area.flow { position: inherit; overflow: auto; } .promotion-blurb-area.flow .blurb { position: static; overflow: auto; margin-bottom: 10px; } /******************************************************************** /* Content\Promotion\LinkBlurb1.css /********************************************************************/ .promotion-link-blurb-1 { padding: 10px 20px; } .promotion-link-blurb-1 h1 { color: #fff; } .promotion-link-blurb-1 li a { color: #fff; font-size: 13px; font-weight: bold; } /******************************************************************** /* Content\Promotion\ProductBlurb1.css /********************************************************************/ .promotion-product-blurb-1 h2 { height: 27px; line-height: 27px; padding: 10px; font-weight: bold; color: #222; position: relative; background: transparent url(/Content/Promotion/ProductBlurb1.Header.Background.png) repeat-x; } .promotion-product-blurb-1 h2 a { color: #222; text-decoration: underline; font-weight: bold; } .promotion-product-blurb-1 h2 a:hover { text-decoration: none; } .promotion-product-blurb-1 h2 .button-group { position: absolute; right: 10px; top: 10px; } .promotion-product-blurb-1 .carousel ul { width: 100%; } .promotion-product-blurb-1 .carousel li { width: 100%; height: 107px; padding: 10px; position: relative; border: solid 1px #fff; background-color: #FFFFFF; } .promotion-product-blurb-1 .carousel li:hover, .promotion-product-blurb-1 .carousel li.odd:hover { border: solid 1px #cf1e60; cursor: pointer; } .promotion-product-blurb-1 .carousel li.odd { background-color: #F4F4F4; border: solid 1px #F4F4F4; } .promotion-product-blurb-1 .carousel li .link { position: absolute; right: 5px; bottom: 5px; font-size: 11px; text-align: right; } .promotion-product-blurb-1 .carousel li .link.hover { display: none; } .promotion-product-blurb-1 .carousel li:hover .link.hover { display: block; } .promotion-product-blurb-1 .carousel li img { border: 1px solid #E6E8E7; } .promotion-product-blurb-1 .carousel li .product-data { position: absolute; top: 22px; left: 100px; } .promotion-product-blurb-1 .carousel li .product-data span { display: block; line-height: 13px; } .promotion-product-blurb-1 .carousel li .product-data span.price { font-size: 12px; margin: 4px 0 0 0; } .promotion-product-blurb-1 .carousel li .product-data span.rating { margin: 10px 0 2px; } .promotion-product-blurb-1 .carousel li .product-data .position { display: inline-block; width: 22px; height: 22px; background: transparent url(/Content/Promotion/ProductBlurb1.Position.png) no-repeat; } .promotion-product-blurb-1 .carousel li .favorite-toggle { position: absolute; top: 10px; right: 10px; } .promotion-product-blurb-1 .carousel li.n2 .product-data .position { background-position:0 -36px; } .promotion-product-blurb-1 .carousel li.n3 .product-data .position { background-position:0 -71px; } .promotion-product-blurb-1 .carousel li.n4 .product-data .position { background-position:0 -107px; } .promotion-product-blurb-1 .carousel li.n5 .product-data .position { background-position:0 -142px; } .promotion-product-blurb-1 .carousel li.n6 .product-data .position { background-position:0 -178px; } .promotion-product-blurb-1 .carousel li.n7 .product-data .position { background-position:0 -214px; } .promotion-product-blurb-1 .carousel li.n8 .product-data .position { background-position:0 -249px; } .promotion-product-blurb-1 .carousel li.n9 .product-data .position { background-position:0 -285px; } .promotion-product-blurb-1 .carousel li.n10 .product-data .position { background-position:0 -321px; } .promotion-product-blurb-1 .carousel li.n11 .product-data .position { background-position:0 -356px; } .promotion-product-blurb-1 .carousel li.n12 .product-data .position { background-position:0 -392px; } .promotion-product-blurb-1 .carousel li.n13 .product-data .position { background-position:0 -427px; } .promotion-product-blurb-1 .carousel li.n14 .product-data .position { background-position:0 -463px; } .promotion-product-blurb-1 .carousel li.n15 .product-data .position { background-position:0 -499px; } .promotion-product-blurb-1 .carousel li.n16 .product-data .position { background-position:0 -533px; } .promotion-product-blurb-1 .carousel li.n17 .product-data .position { background-position:0 -570px; } .promotion-product-blurb-1 .carousel li.n18 .product-data .position { background-position:0 -605px; } .promotion-product-blurb-1 .carousel li.n19 .product-data .position { background-position:0 -641px; } .promotion-product-blurb-1 .carousel li.n20 .product-data .position { background-position:0 -677px; } .promotion-product-blurb-1 .carousel li.n21 .product-data .position { background-position:0 -712px; } .promotion-product-blurb-1 .carousel li.n22 .product-data .position { background-position:0 -748px; } .promotion-product-blurb-1 .carousel li.n23 .product-data .position { background-position:0 -784px; } .promotion-product-blurb-1 .carousel li.n24 .product-data .position { background-position:0 -819px; } .promotion-product-blurb-1 .carousel li.n25 .product-data .position { background-position:0 -855px; } .promotion-product-blurb-1 .carousel li.n26 .product-data .position { background-position:0 -890px; } .promotion-product-blurb-1 .carousel li.n27 .product-data .position { background-position:0 -926px; } .promotion-product-blurb-1 .carousel li .product-data div.extra { display: inline-block; margin-right: 10px; background: transparent url(/Content/Promotion/ProductBlurb1.Extra.Background.png) no-repeat; } .promotion-product-blurb-1 .carousel li .product-data div.extra span { display: inline-block; margin-right: -10px; color: #fff; font-size: 11px; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 22px; background: transparent url(/Content/Promotion/ProductBlurb1.Extra.Right.Background.png) no-repeat 100% 0; } .promotion-product-blurb-1 .carousel li .product-data div.extra.focus { background-position: 0 -22px; } .promotion-product-blurb-1 .carousel li .product-data div.extra.focus span { background-position: 100% -22px; } .ie6 .promotion-product-blurb-1 .carousel li .product-data div.extra { display: inline; } .ie6 .promotion-product-blurb-1 .carousel li .product-data div.extra span { margin-right: 0px; } /******************************************************************** /* Content\Promotion\ProductBlurb2.css /********************************************************************/ /* NOTE: Attributes prefixed with underscore are only visible to IE6 */ .promotion-product-blurb-2 { background: transparent url(/Content/Promotion/ProductBlurb2.Full.Background.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Promotion/ProductBlurb2.Full.Background.png' ); width: 720px; height: 208px; float: left; margin-left: -104px; padding: 17px 104px 13px 104px; display:inline; } .promotion-product-blurb-2.has-last-reviewed { background-image: url(/Content/Promotion/ProductBlurb2.Divided.Background.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Promotion/ProductBlurb2.Divided.Background.png' );} .promotion-product-blurb-2 h3 { color: #646464; margin-bottom: 8px; } .promotion-product-blurb-2 img { border: 1px solid #E7E7E7; } .promotion-product-blurb-2.has-last-reviewed .carousel { width: 330px } .promotion-product-blurb-2 .carousel .carousel-pagination { position: absolute; right: 0px; top: 5px; } .promotion-product-blurb-2 .product-data span { display: block; line-height: 13px; } .promotion-product-blurb-2 .product-data span.price { margin: 4px 0 0 0; font-size: 12px; } .promotion-product-blurb-2 .product-data span.price strong { color: #A70A16; margin: 3px 0; } .promotion-product-blurb-2 .product-data span.rating { margin: 2px 0; } .promotion-product-blurb-2 .carousel.predicted { float: left; width: 712px; display:inline; } .promotion-product-blurb-2 .carousel.predicted .carousel-items { width: 720px; height: 176px; overflow: hidden; } .promotion-product-blurb-2 .carousel.predicted .carousel-items li { width: 73px; height: 176px; margin-right: 17px; overflow: hidden;} .promotion-product-blurb-2.has-last-reviewed .carousel.predicted { width: 330px; } .promotion-product-blurb-2.has-last-reviewed .carousel.predicted .carousel-items { width: 344px; } .promotion-product-blurb-2.has-last-reviewed .carousel.predicted .carousel-items li { margin-right: 13px; } .promotion-product-blurb-2 .carousel.last-reviewed { float: right; display:inline;} .promotion-product-blurb-2 .carousel.last-reviewed .carousel-items { width: 343px; height: 176px; overflow: hidden; } .promotion-product-blurb-2 .carousel.last-reviewed .carousel-items li { width: 330px; height: 176px; margin-right: 13px; overflow: hidden;} .promotion-product-blurb-2 .carousel.last-reviewed .carousel-items li .product { float: left; width: 86px; height: 176px; display:inline; overflow: hidden} .promotion-product-blurb-2 .carousel.last-reviewed .carousel-items li .review { float: left; width: 222px; height: 140px; display: inline; padding: 10px; font-style:italic; line-height:17px; overflow: hidden; background: transparent url(/Content/Promotion/ProductBlurb2.Review.Background.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Promotion/ProductBlurb2.Review.Background.png' )} .promotion-product-blurb-2 .carousel.last-reviewed .carousel-items li .review h4 { margin-bottom: 3px; } .promotion-product-blurb-2 .carousel.last-reviewed .carousel-items li .review span { font-family: Georgia,Arial; font-size:18px; font-weight:bold; margin-top:-5px; } .promotion-product-blurb-2 .carousel.last-reviewed .carousel-items li .review a { font-style: normal; display: block; /* IE6 hack -> */ z-index:1; position: relative} .promotion-product-blurb-2 .carousel.last-reviewed .carousel-items li .review a.most-reviewed { position: absolute; bottom: 13px; right: 17px; } /******************************************************************** /* Content\Promotion\ProductBlurb3.css /********************************************************************/ .promotion-product-blurb-3 { background: transparent url(/Content/Promotion/ProductBlurb3.Top.png) no-repeat; padding: 4px 0 0 0; } .promotion-product-blurb-3 .promotion-product-blurb-3-wrapper { background: transparent url(/Content/Promotion/ProductBlurb3.Bottom.png) no-repeat 0 100%; padding: 9px; padding-top: 7px; } .promotion-product-blurb-3 .header { background: transparent url(/Content/Promotion/ProductBlurb3.Header.Top.png) no-repeat; padding: 2px 0 0 0; font-weight: bold; font-size: 13px; color: #cd1d5e; overflow: hidden; } .promotion-product-blurb-3 .header .header-wrapper { background: transparent url(/Content/Promotion/ProductBlurb3.Header.Bottom.png) no-repeat 0 100%; padding: 10px 10px 30px 10px; } .promotion-product-blurb-3 .header img { float: left; margin-right: 5px; } .promotion-product-blurb-3 ul { margin-top: 10px; } .promotion-product-blurb-3 ul li { position: relative; } .promotion-product-blurb-3 ul li div { position: absolute; top: 0px; left: 61px; width: 100px; } .promotion-product-blurb-3 ul li div span { display: block; } .promotion-product-blurb-3 ul li img { border: 1px solid #e5e7e6; } .promotion-product-blurb-3 ul li div span { clear: both; } .promotion-product-blurb-3 ul li div span.price del { display: block !important; line-height: 13px; clear: both; } /******************************************************************** /* Content\Promotion\ProductBlurb4.css /********************************************************************/ /* NOTE: Attributes prefixed with underscore are only visible to IE6 */ .promotion-product-blurb-4 { background-image: url(/Content/Promotion/ProductBlurb4.Divided.Background.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Promotion/ProductBlurb4.Divided.Background.png' ); width: 720px; height: 208px; float: left; margin-left: -104px; padding: 17px 104px 13px 104px; display:inline; } .promotion-product-blurb-4 .promotion { float: left; width: 330px; height: 211px; background: transparent url(/Content/Promotion/ProductBlurb4.Promotion.png) no-repeat 50% 80%; color: #cd1d5e; } .promotion-product-blurb-4 .promotion h1 { font-size: 26px; font-weight: bold; margin-bottom: 0px; margin-top: 5px; } .promotion-product-blurb-4 .promotion span { font-size: 20px; } .promotion-product-blurb-4 .last-reviewed { width: 330px } .promotion-product-blurb-4 .last-reviewed.carousel .carousel-pagination { position: absolute; right: 0px; top: 5px; } .promotion-product-blurb-4 .last-reviewed { float: right; display:inline;} .promotion-product-blurb-4 .last-reviewed .carousel-items { width: 343px; height: 176px; overflow: hidden; } .promotion-product-blurb-4 .last-reviewed .carousel-items li { width: 330px; height: 176px; margin-right: 13px; overflow: hidden;} .promotion-product-blurb-4 .last-reviewed .carousel-items li .product { float: left; width: 86px; height: 176px; display:inline; overflow: hidden} .promotion-product-blurb-4 .last-reviewed .carousel-items li .product .product-data span { display: block; line-height: 13px; } .promotion-product-blurb-4 .last-reviewed .carousel-items li .product .product-data span.price { margin: 4px 0 0 0; font-size: 12px; } .promotion-product-blurb-4 .last-reviewed .carousel-items li .product .product-data span.price strong { color: #A70A16; margin: 3px 0; } .promotion-product-blurb-4 .last-reviewed .carousel-items li .product .product-data span.rating { margin: 2px 0; } .promotion-product-blurb-4 .last-reviewed h3 { color: #646464; margin-bottom: 8px; } .promotion-product-blurb-4 .last-reviewed img { border: 1px solid #E7E7E7; } .promotion-product-blurb-4 .last-reviewed .carousel-items li .review { float: left; width: 222px; height: 140px; display: inline; padding: 10px; font-style:italic; line-height:17px; overflow: hidden; background: transparent url(/Content/Promotion/ProductBlurb2.Review.Background.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/Promotion/ProductBlurb2.Review.Background.png' )} .promotion-product-blurb-4 .last-reviewed .carousel-items li .review h4 { margin-bottom: 3px; } .promotion-product-blurb-4 .last-reviewed .carousel-items li .review span { font-family: Georgia,Arial; font-size:18px; font-weight:bold; margin-top:-5px; } .promotion-product-blurb-4 .last-reviewed .carousel-items li .review a { font-style: normal; display: block; /* IE6 hack -> */ z-index:1; position: relative} .promotion-product-blurb-4 .last-reviewed .carousel-items li .review a.most-reviewed { position: absolute; bottom: 13px; right: 17px; } .ie6 .promotion-product-blurb-4 .promotion { background: transparent url(/Content/Promotion/ProductBlurb4.Promotion.gif) no-repeat 50% 80%; } /******************************************************************** /* Content\Toplist\Toplist.css /********************************************************************/ .toplist-toplist { padding: 10px; } .toplist-toplist .toplist-most-popular .carousel li { width: 428px; margin-right: 20px; } .toplist-toplist .toplist-blogs { position: relative; } .toplist-toplist .toplist-blogs .carousel li { width: 436px; } .toplist-toplist .toplist-blogs .first, .toplist-toplist .toplist-blogs .last { width: 460px; float: left; } .toplist-toplist .toplist-blogs .first { margin-right: 20px; } .toplist-toplist .toplist-blogs a.title { font-weight: bold;} .toplist-toplist .toplist-blogs .help { position: absolute; top: 5px; right: 5px; font-size: 11px; text-align: right; } .toplist-toplist .toplist-blogs .help a { text-decoration: none; } .toplist-toplist .toplist-reviews .shared-crumbs { display: block; float: left; width: 940px; margin-bottom: 10px; } .toplist-toplist .toplist-reviews .carousel li { width: 436px; } .toplist-toplist .toplist-reviews .first, .toplist-toplist .toplist-reviews .last { width: 460px; float: left; } .toplist-toplist .toplist-reviews .first { margin-right: 20px; } /******************************************************************** /* Content\Home\Index.css /********************************************************************/ .home-index { float: left; margin: 5px 0 0 5px; } .home-index .page { float: left; margin-bottom: 10px; } .home-index .carousels { float: left; width: 975px; padding: 20px 0; position: relative; margin-bottom: 20px; } .home-index .carousels .background { position: absolute; left: -69px; top: 0px; } .home-index .carousels .promotion-product-blurb-1 { width: 300px; height: 440px; margin-right: 25px; float: left; } .home-index .carousels .promotion-product-blurb-1 .carousel .carousel-items { height: 387px; } .home-index .carousels .promotion-product-blurb-1 .carousel .carousel-items li { width: 278px; } .home-index .margin { float: left; margin-top: 10px; } /******************************************************************** /* Content\Account\CreateAccount.css /********************************************************************/ .account-create-account { margin: 20px; } .account-create-account form { margin-top: 10px; } .account-create-account form .field { margin-right: 20px; } .account-create-account form .field.input{ margin-top: 10px; } .account-create-account form .field .password-length { display: block; clear: both; font-size: 10px; } .account-create-account form span.button { margin-top: 28px; } /******************************************************************** /* Content\Account\ResetPassword.css /********************************************************************/ .account-reset-password { margin: 20px; } .account-reset-password form { margin-top: 10px; } .account-reset-password form .field { margin-right: 20px; } .account-reset-password form .field.input{ margin-top: 10px; } .account-reset-password form .field .password-length { display: block; clear: both; font-size: 10px; } .account-reset-password form span.button { margin-top: 28px; } /******************************************************************** /* Content\Account\CustomerDetails.css /********************************************************************/ .account-customer-details .input-text { float: none; } .account-customer-details div.group label { display: block; color: #000; font-weight: bold; } .account-customer-details div.group { float:left; margin-right:38px; } .account-customer-details div.group div { margin-bottom: 10px; } .account-customer-details div.group.one { width: 140px; } .account-customer-details div.group.two { width: 152px; } .account-customer-details div.group.three { margin-right:0px; width:310px; } .account-customer-details div.group.three div.newsletter { margin-top: 10px; padding-top: 2px; margin-bottom: 0px; background: transparent url(/Content/Account/CustomerDetails.Newsletter.Top.png) no-repeat; } .account-customer-details div.group.three div.newsletter .newsletter-wrapper { padding: 10px; background: transparent url(/Content/Account/CustomerDetails.Newsletter.Bottom.png) no-repeat 0 100%; } .account-customer-details div.group.three div.newsletter .newsletter-wrapper div { margin-top: 8px; } .account-customer-details div.group.three span.input-text { width:300px; } .account-customer-details div.group.three span.button { float:right; } /******************************************************************** /* Content\Account\Order\CompactOrderDetails.css /********************************************************************/ .account-compact-order-details { float: left; width: 100%; } .account-compact-order-details div.header { margin-bottom: 17px; overflow: hidden; } .account-compact-order-details div.header div { font-size: 12px; float: left; margin-right: 25px; } .account-compact-order-details div.header div label { font-weight:bold; } .account-compact-order-details .order-value { margin-right: 13px; margin-top: 11px; float: right; } .account-compact-order-details .order-value h2 { border-bottom: solid 1px #d7d7d7; text-align: right; color: #c91c5b; margin-bottom: 12px; } .account-compact-order-details .order-value div { text-align: right; font-size: 12px; } .account-compact-order-details .order-value div label, .account-compact-order-details .order-value div span { font-weight: bold; width: 80px; display: inline-block; } .account-compact-order-details .order-value div label { width: 120px; } .account-compact-order-details .order-value div.total label, .account-compact-order-details .order-value div.total span { color: #c91c5b; font-size: 16px; } #popup.account-compact-order-details { background-color: #fff; width: 710px; padding: 20px; } /******************************************************************** /* Content\Account\Order\PartialDelivery.css /********************************************************************/ .account-order-partial-delivery .account-order-partial-delivery-wrapper { padding: 5px; } .account-order-partial-delivery { background: transparent url(/Content/Account/Order/PartialDeliveries.Top.png) no-repeat; padding-top: 2px; } .account-order-partial-delivery .account-order-partial-delivery-wrapper { background: transparent url(/Content/Account/Order/PartialDeliveries.Bottom.png) no-repeat 0 100%; } .account-order-partial-delivery .partial-delivery { overflow: hidden; } .account-order-partial-delivery .partial-delivery .delivery-header { height: 23px; padding: 6px 9px; line-height: 23px; background: transparent url(/Content/Account/Order/PartialDeliveries.Header.Background.png) no-repeat; font-size: 14px; font-weight: bold; color: #fff; } .account-order-partial-delivery .partial-delivery .delivery-header div.marker { width: 23px; height: 23px; margin-right: 8px; background: transparent url(/Content/Account/Order/PartialDeliveries.Header.Marker.png) no-repeat; } .account-order-partial-delivery .partial-delivery.expanded .delivery-header div.marker { background-position: 0 -23px; } .account-order-partial-delivery .partial-delivery .delivery-header .delivery-date { margin-left: 14px; } .account-order-partial-delivery .partial-delivery.expanded .delivery-header .delivery-date, .account-order-partial-delivery .partial-delivery.expanded .delivery-header .total { display: none; } .account-order-partial-delivery .partial-delivery .delivery-header .delivery-date, .account-order-partial-delivery .partial-delivery .delivery-header .total { display: block; color: #eebbce; margin-right: 2px; } .account-order-partial-delivery .partial-delivery.collapsed { height: 35px; } .account-order-partial-delivery .partial-delivery .delivery-header .wrapper div { float: left; } .account-order-partial-delivery .partial-delivery .delivery-header .wrapper div.total { float: right; } .account-order-partial-delivery .partial-delivery .delivery-information { width: 100%; overflow: hidden; padding: 14px 6px; } .account-order-partial-delivery .partial-delivery .delivery-information div { color: #646464; float: left; margin-right: 25px; } .account-order-partial-delivery .partial-delivery .delivery-information div label { font-weight: bold; } .account-order-partial-delivery .partial-delivery .order-rows { padding: 0 3px; } .account-order-partial-delivery .partial-delivery .order-rows .row { height: 80px; padding: 10px; width: 676px; overflow: hidden; } .account-order-partial-delivery .partial-delivery .order-rows .row.odd { background-color: #f0f0f0; } .account-order-partial-delivery .partial-delivery .order-rows .row img { float: left; border: 1px solid #e5e7e6; } .account-order-partial-delivery .partial-delivery .order-rows .row .detail { float: left; margin-left: 20px; width: 400px; } .account-order-partial-delivery .partial-delivery .order-rows .row .detail span.brand { display: block; } .account-order-partial-delivery .partial-delivery .order-rows .row .detail a { text-decoration: underline; } .account-order-partial-delivery .partial-delivery .order-rows .row .detail span.attribute { display: inline-block; color: #C2C2C2; } .account-order-partial-delivery .partial-delivery .order-rows .row .add-review { float: right; width: 202px; } .account-order-partial-delivery .partial-delivery .order-rows .row .add-review a { display: block; float: right; text-decoration: underline; padding-left: 26px; background: transparent url(/Content/Account/Order/PartialDeliveries.Comment.Bubble.png) no-repeat;} .account-order-partial-delivery .partial-delivery .order-rows .row .common { float: left; margin-left: 20px; width: 602px; margin-top: 7px; } .account-order-partial-delivery .partial-delivery .order-rows .row .common div { float: left; } .account-order-partial-delivery .partial-delivery .order-rows .row .common div label { display: block; font-size: 11px; font-weight: bold; } .account-order-partial-delivery .partial-delivery .order-rows .row .common div.item-id { width: 80px; } .account-order-partial-delivery .partial-delivery .order-rows .row .common div.size { width: 60px; } .account-order-partial-delivery .partial-delivery .order-rows .row .common div.status { width: 120px; } .account-order-partial-delivery .partial-delivery .order-rows .row .common div.quantity { width: 40px; float: right; } .account-order-partial-delivery .partial-delivery .order-rows .row .common div.price { text-align: right; float: right; white-space: nowrap; width: 50px; } .account-order-partial-delivery .partial-delivery .order-rows .row .common div.total { text-align: right; float: right; white-space: nowrap; width: 60px; } .account-order-partial-delivery .partial-delivery .track-and-trace { float: left; } .account-order-partial-delivery .partial-delivery .track-and-trace img { vertical-align: middle; } .account-order-partial-delivery .partial-delivery .track-and-trace a { margin-left: 10px; color: #646464; text-decoration: underline; font-size: 14px; font-weight: bold; line-height: 40px; } .account-order-partial-delivery .partial-delivery .partial-delivery-value { margin-right: 11px; float: right; } .account-order-partial-delivery .partial-delivery .partial-delivery-value div { text-align: right; font-size: 12px; } .account-order-partial-delivery .partial-delivery .partial-delivery-value div label, .account-order-partial-delivery .partial-delivery .partial-delivery-value div span { font-weight: bold; width: 80px; display: inline-block; } .account-order-partial-delivery .partial-delivery .partial-delivery-value div label { width: 120px; } .account-order-partial-delivery .partial-delivery .partial-delivery-value div.total label, .account-order-partial-delivery .partial-delivery .partial-delivery-value div.total span { color: #c91c5b; font-size: 16px; } .ie6 .account-order-partial-delivery .partial-delivery .order-rows .row .add-review a { background: transparent url(/Content/Account/Order/PartialDeliveries.Comment.Bubble.gif) no-repeat;} /******************************************************************** /* Content\Account\Order\OrderList.css /********************************************************************/ .account-order-order-list .item { height: 30px; overflow: hidden; padding: 0 10px; } .account-order-order-list .item.odd { background-color: #f0f0f0; } .account-order-order-list .item div { line-height: 30px; float: left; margin-right: 10px; } /******************************************************************** /* Content\Account\Login.css /********************************************************************/ .account-login { cursor: auto; float: left; } .ie .account-login { overflow: hidden; } .account-login form span.postal-code { width: 80px !important; } .account-login.loading * { visibility: hidden; } .account-login.loading { background: transparent url(/Content/Global/AjaxLoader.Bar.gif) scroll no-repeat 50% 50%; } .ie .account-login .actions a { display: block !important; float: none !important; } /******************************************************************** /* Content\Account\Overview.css /********************************************************************/ .account-overview { padding: 20px 30px 20px 30px; background: transparent url(/Content/Account/Overview.Background.png) no-repeat 0 65px; } .account-overview h1 { margin-bottom: 30px; font-size: 24px; } .account-overview .offer-codes { background: #f7dee3; border: 1px solid #cd1d5e; color: #cd1d5e; padding-bottom: 10px; margin-bottom: 15px; } .account-overview .offer-codes h2 { border: none; background: transparent url(/Content/Account/OfferCodes.Star.png) no-repeat; padding-left: 30px; margin: 10px 0 5px 10px; line-height: 21px; } .account-overview .offer-codes .offer-code { padding-left: 10px; overflow: hidden; } .account-overview .offer-codes .offer-code:hover { background: #f3ced5; } .account-overview .offer-codes .code { font-size: 16px; font-weight: bold; display: inline-block; margin: 0 3px; } .account-overview .offer-codes a { text-decoration: underline; color: #959595; } .account-overview .offer-codes .description { display: none; font-size: 11px; } .account-overview h2 { border-bottom: solid 1px #d7d7d7; font-size: 16px; line-height: 35px; margin-bottom: 17px; background: transparent url(/Content/Account/Overview.Boxes.png) no-repeat 0 35px; } .account-overview h2.pending-orders { background-position: 0 -35px; padding-left: 50px; } .account-overview h2.completed-orders { background-position: 0 0; padding-left: 50px; } .account-overview .account-customer-favorites { margin-top: 20px; } .account-overview .promotion-product-blurb-4 { margin-top: 20px; } /******************************************************************** /* Content\Account\TrackAndTrace\TrackAndTrace.css /********************************************************************/ .account-track-and-trace-popup { background: white; width: 710px; overflow: hidden; padding-bottom: 5px; } .account-track-and-trace-popup .package-code { margin: 10px 0 10px 20px; } .account-track-and-trace-popup .package-code h1 { font-size: 22px; } .account-track-and-trace-popup .header {background: url(/Content/Account/TrackAndTrace/TrackAndTrace.Header.Background.png) repeat-x; overflow: hidden; position:relative; } .account-track-and-trace-popup .header div { float: left; border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; } .account-track-and-trace-popup .header .info { margin-top: 20px; margin-left: 20px; width: 290px;} .account-track-and-trace-popup .header .history { margin-top: 20px; padding-left: 10px; width: 380px;} .account-track-and-trace-popup .header img { position: absolute; top: 5px; right: 10px; } .account-track-and-trace-popup .content { margin:10px 0 5px 20px; width: 270px; float: left; font-size: 10px; background-color: #f0f0f0; padding: 10px; } .account-track-and-trace-popup .content span.bold { font-weight: bold; } .account-track-and-trace-popup .content p { margin-top: 20px; } .account-track-and-trace-popup .events { margin:10px 0px 5px 10px; width: 380px; float: left; font-size: 10px;} .account-track-and-trace-popup .events th { text-align:left; } .account-track-and-trace-popup .events td { vertical-align:top; } .account-track-and-trace-popup .events td.date{ white-space:nowrap; width:70px; } .account-track-and-trace-popup .account-track-and-trace-google-maps { width:700px; height:400px; margin: 15px 0 0 5px; float:left; } /******************************************************************** /* Content\Account\Customer\Favorites.css /********************************************************************/ .account-customer-favorites { width: 712px; } .account-customer-favorites h2 { border-bottom: solid 1px #d7d7d7; line-height: 35px; margin-bottom: 17px; padding-left: 50px; background: transparent url(/Content/Account/Customer/Favorites.Heart.png) no-repeat; } .account-customer-favorites ul { width: 730px; } .account-customer-favorites ul li { float: left; height:279px; margin-right:19px; width:127px; } .account-customer-favorites .arrow-button { float: right; } /******************************************************************** /* Content\Favorite\ListFavorites.css /********************************************************************/ .favorite-list-favorites { width: 712px; padding: 20px 29px 29px 29px; } .favorite-list-favorites ul.items { width: 730px; position: relative; z-index: 0; } .favorite-list-favorites ul.items li { float: left; height:279px; margin-right:19px; width:127px; } .favorite-list-favorites div.navigation .shared-sort { float: left; margin-top:11px; } .favorite-list-favorites div.navigation .shared-pagination { float: right; margin-top: 7px; } .favorite-list-favorites div.navigation { float: left; width: 712px; } .favorite-list-favorites div.navigation.first { background: transparent url(/Content/Global/Shadow.Top.png) no-repeat 0 100%; padding-bottom: 10px; margin-bottom: 10px; } .favorite-list-favorites div.navigation.last { background: transparent url(/Content/Global/Shadow.Bottom.png) no-repeat 0 0; padding-top: 10px; margin-top: 10px; } .favorite-list-favorites .actions { position: absolute; z-index: 1; right: 18px; top: 20px; } .favorite-list-favorites .actions.owner { top: 7px; } .favorite-list-favorites .owner-share { padding-top: 7px; position: relative; z-index: 35000; } .favorite-list-favorites .owner-share .owner-share-wrapper { padding: 0 10px 10px 10px; } .favorite-list-favorites .owner-share.active { background: transparent url(/Content/Favorite/ListFavorites.Share.Top.Background.png) no-repeat; } .favorite-list-favorites .owner-share.active .owner-share-wrapper { background: transparent url(/Content/Favorite/ListFavorites.Share.Bottom.Background.png) no-repeat 0 100%; } .favorite-list-favorites .owner-share .share-share { display: none; } .favorite-list-favorites .owner-share .big-arrow-button { display: block; } .favorite-list-favorites .owner-share .big-arrow-button a { width: 206px; } .favorite-list-favorites .owner-share .big-arrow-button img { margin-right: 10px; } .favorite-list-favorites .reader-share { display: inline-block; } .favorite-list-favorites .reader-share a.reshare { display: inline-block; height: 24px; line-height: 22px; margin-left: 30px; background: transparent url(/Content/Favorite/ListFavorites.Share.Icon.png) no-repeat 0 3px; padding-left: 23px; } .favorite-list-favorites .reader-share .border-drop { right: 0px; top: 24px; }