/*d41d8cd98f00b204e9800998ecf8427e*/ /* Reset ////////////////////////////////////////////////////////////////////////////////////////// */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: black; background: white; } strong { font-weight: bold; }em { font-style: italic; } img { border: none; } ul, ol, li { list-style: none; } :focus { outline: none; } table, td, form, fieldset, input { border: none; border-collapse: collapse; border-spacing: 0; } hr, legend { display: none; } sup { position: relative; top: -0.2em; font-size: 0.8em; } sub { position: relative; bottom: -0.4em; font-size: 0.8em; } /*################################################################################ Site Defaults ################################################################################*/ /*-------------------------------------------------------------------------------- Basic Structure --------------------------------------------------------------------------------*/ body { background: #fff url(http://em1.isnooth.com/images/v2/global/page-bg.png) 0 0px repeat-x; } #paint-streaks { background: transparent url(http://em2.isnooth.com/images/v2/global/paint-stripes.png) repeat-x scroll center -1px } .wrap { width: 980px; margin: 0 auto; } .inner-wrap { padding: 0 19px 4px 17px; background: transparent url(http://em1.isnooth.com/images/v2/global/frame-bg.png) 0 0 repeat-y; } #main-col { width:663px; float:left; margin: 6px 7px 0px 0; padding: 14px 0px 0 0; background: transparent url(http://em2.isnooth.com/images/v2/global/frame-top.png) 0 0 no-repeat; } #main-col .clear.btm { height: 14px; background: transparent url(http://em1.isnooth.com/images/v2/global/frame-btm.png) 0 bottom no-repeat; } #main-col.full-width { width:auto; float:none; margin-right:0px; background:transparent url(http://em2.isnooth.com/images/v2/global/full-frame-top.png) 0 0 no-repeat; } #main-col.full-width .inner-wrap { background: transparent url(http://em1.isnooth.com/images/v2/global/full-frame-bg.png) 0 0 repeat-y; } #main-col.full-width .clear.btm { background: transparent url(http://em2.isnooth.com/images/v2/global/full-frame-btm.png) 0 bottom no-repeat; } #main-col.full-width #right-col { width:311px; float:right; display:inline; margin:0px 28px 0px 0px; } /* erase this? Nov 11, 2009 */ /*-------------------------------------------------------------------------------- Basic Typography/Colors --------------------------------------------------------------------------------*/ body, textarea, textfield, input, select { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; color: #444; font-size:.812em; } p, .btext { font-size: 1.0em; line-height: 1.3em; } a, .link-embed { font: inherit; color: #6c963f; text-decoration: none; } a:hover, .link-embed:hover { color: #7abd33; text-decoration: underline; } .classic a, .link-embded:hover { color:#AA385D; } .classic a:hover { color:#AA385D; } em { font: inherit; font-style: italic; } @font-face { font-family: 'WalkwaySemiBoldRegular'; src: url(http://em1.isnooth.com/fonts/Walkway_SemiBold.eot); src: local('Walkway SemiBold'), local('WalkwaySemiBold'), url('../fonts/Walkway_SemiBold.woff') format('woff'), url('../fonts/Walkway_SemiBold.ttf') format('truetype'), url(http://em2.isnooth.com/fonts/Walkway_SemiBold.svg#WalkwaySemiBold) format('svg'); } @font-face { font-family: 'DejaVuSerifBook'; src: url(http://em1.isnooth.com/fonts/DejaVuSerif-webfont.eot); src: local('☺'), url('../fonts/DejaVuSerif-webfont.woff') format('woff'), url('../fonts/DejaVuSerif-webfont.ttf') format('truetype'), url(http://em2.isnooth.com/fonts/DejaVuSerif-webfont.svg#webfont) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DejaVuSerifItalic'; src: url(http://em1.isnooth.com/fonts/DejaVuSerif-Italic-webfont.eot); src: local('☺'), url('../fonts/DejaVuSerif-Italic-webfont.woff') format('woff'), url('../fonts/DejaVuSerif-Italic-webfont.ttf') format('truetype'), url(http://em2.isnooth.com/fonts/DejaVuSerif-Italic-webfont.svg#webfont) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DejaVuSerifBoldItalic'; src: url(http://em1.isnooth.com/fonts/DejaVuSerif-BoldItalic-webfont.eot); src: local('☺'), url('../fonts/DejaVuSerif-BoldItalic-webfont.woff') format('woff'), url('../fonts/DejaVuSerif-BoldItalic-webfont.ttf') format('truetype'), url(http://em2.isnooth.com/fonts/DejaVuSerif-BoldItalic-webfont.svg#webfont) format('svg'); font-weight: normal; font-style: normal; } /*-------------------------------------------------------------------------------- Headers --------------------------------------------------------------------------------*/ /* H1 */ h1 { margin-bottom: 1em; font-size:2em; font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; color: #678E50; letter-spacing: -1px; font-weight:normal; letter-spacing:normal;} h1 a { color: #b8c3b0; text-decoration: none; } h1 a:hover, h1.buy a:hover { color: #3e5d2a; text-decoration: none; } .buy a { color:#678E50; } .buy span { font:inherit; color: #b8c3b0; } #page-title { border-bottom:1px solid #cbcbcb; margin:0px 0 12px; padding:12px 0 7px; } #page-title h1 { color:#333333; margin:0px; padding:0px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size:1.7em; } #page-title .icon-link { margin:10px 0px 0px 10px; } #page-title .rating { line-height:19px; font-size:11px; } #page-title .star-img-holder { float:left; display:inline; width:87px; } #page-title .right { margin-top:10px; } /* H2 */ h2 { margin-bottom: .1em; font-weight:normal; font-size:1.6em; } /* H3 */ .divider, .section { font-weight:normal; font-size:1.4em; letter-spacing:normal; margin:25px 0px 17px -17px; padding:0px 0px 0px 8px; background: transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) repeat-x scroll left -49px; clear:left; } .divider strong, .section strong { font: inherit; color: inherit; background: #fff; padding:0px 8px; } .right-col-details .section { background-position:30px -49px; } h3 { margin-bottom: .7em; padding-bottom: 1px; font-size:1.5em; font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; color: #678E50; letter-spacing: 0px; } .divider a, #profile_name h1 a { margin-left: 3px; padding-right: 1px; font-size: .8em; text-decoration: none; } .divider a:hover, #profile_name h1 a:hover { color: #3e5d2a; text-decoration: none; } .no-col { margin-top: 27px; } h3 .view, #profile_name h1 .view { margin-left: 13px; padding:1px 22px 0px 0px; background:transparent url(http://em1.isnooth.com/images/v2/global/subhead-icons.gif) no-repeat scroll top right; } h3 .view:hover, #profile_name h1 .view:hover { background:transparent url(http://em1.isnooth.com/images/v2/global/subhead-icons.gif) no-repeat scroll right -29px; } h3 .follow { margin-left: 13px; line-height:1em; padding:1px 22px 0px 0px; background:transparent url(http://em1.isnooth.com/images/v2/global/subhead-icons.gif) no-repeat scroll right -60px; } h3 .follow:hover { background:transparent url(http://em1.isnooth.com/images/v2/global/subhead-icons.gif) no-repeat scroll right -88px; } .results-header { border-bottom:1px solid #666666; } .results-header span { float:right; text-align:right; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; color:#666666; font-size:12px; line-height:22px; } /*-------------------------------------------------------------------------------- Form Defaults --------------------------------------------------------------------------------*/ input.text { padding: 6px; font-size: 1.5em; border: 1px solid #dddddd; } p.inline-labels input { float: left; display:inline; } p.inline-labels label { float: left; display:inline; } /* Form Element Defaults */ .form-v3 fieldset { margin:0px 0px 10px; } .form-v3 label { float:left; display:inline; width:155px; font-size:1.0em; line-height:1.9em; margin:0px 10px 0px 0px; text-align:right; } .form-v3 input, .form-v3 textarea { border-color:#7C7C7C #C3C3C3 #DDDDDD #7C7C7C; border-width:1px; border-style:solid; font-size:1.2em; padding:3px 3px; width:425px; } .form-v3 select {font-size:1.0em; padding:2px 0px; } /* Form Table Defaults */ .form-v3 table th { text-align:left; } .form-v3 table th, .form-v3 table td { padding:5px 10px; margin:0px 0px; } .form-v3 table input { width:90%; } /* Form Helper Text and Labels */ .form-v3 h4 { padding:0px 0px 2px 0px; font-weight:bold; } .form-v3 h4 a { float:right; font-size:11px; font-weight:bold; } .form-v3 h3 { color:inherit; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:1.2em; margin:10px; } .form-v3 .example { display:block; font-style:italic; font-size:.8em; margin:5px 0px 0px 164px; color:#8f8f8f; } .form-v3 .req-star { color:#8c0505; margin:0px 5px 0px 0px; } .form-v3 .req-label { color:#8c0505; margin:2px 5px 0px 0px; float:right; display:inline; font-size:11px; } .form-v3 .field-heading { font-weight:bold; margin:8px 0px; display:block; } .form-v3 .header p { margin:10px; } .form-v3 .input-helper-text { margin-left:10px } .form-v3 .bottom p { font-style:italic; margin:0 0 4px; } .form-v3 .empty-state-centered { margin:10px 0px; font-style:italic; text-align:center; color:#666666; } /* Form Row Design */ .form-v3 ul { -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#f7fef0; border-color:#9aa88d #cad5bf #cad5bf; border-style:solid; border-width:1px; margin-bottom:20px; } .form-v3 li { background-color:#e9f2e2; border-bottom:1px solid #cad6c0; border-top:1px solid #f5f9f2; padding:8px; } .form-v3 li:hover { background-color:#eef7e6; } .form-v3 .header { background-color:transparent; border-color:-moz-use-text-color -moz-use-text-color #cad5c0; border-style:none none solid; border-width:0 0 1px; padding:0; } .form-v3 .bottom { border:none; background-color:transparent; } /* Indented Checkboxes */ .form-v3 .indent { margin-left:164px; padding:6px 0px 0px 0px; } .form-v3 .checkbox { float:left; display:inline; margin:0px 0px 10px 0px; width:44%; } .form-v3 .checkbox input, .form-v3 li .countries-shipping input { width:auto; float:left; display:inline; margin:0px 7px 0px 0px; border:none; } .form-v3 .checkbox label { width:auto; float:none; text-align:left; display:inline; line-height:1em; margin:0px 10px 0px 0px; } .form-v3 .checkbox.nofloat { float:none; width:auto; } /*-------------------------------------------------------------------------------- Reusable Classes --------------------------------------------------------------------------------*/ /* new clearfix */ .clearfix:after { visibility: hidden;display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .clear { clear: both; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 1px; } .clearleft { clear: left; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 1px; } .clear-left { clear: left; } .clearright { clear: left; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 1px; } .hide { display: none !important; } .right { float: right; display:inline; } .left { float: left; display:inline; } .imgright { float:right !important; display:inline; margin:0px 0px 7px 7px; } .imgleft { float:left; display:inline; margin:0px 7px 7px 0px; } .halfleft { float:left; dispaly:inline; width:49%; } .halfright { float:right; dispaly:inline; width:49%; } .textright { text-align:right; } .textcenter { text-align:center; } .vmargins { margin:20px 0px; } small { font-size:10px; } small a { /*text-decoration:underline;*/ } .current { cursor: default; } .no-pad { padding: 0 !important; } .nopad { margin-right:0px !important; } .first { clear:left; } .handcursor, .handcursor:hover { cursor:pointer; } .noborder { border:0px !important; } .line-bottom { border-bottom:1px solid #cbcbcb; padding-bottom:20px; } .nolmargin { margin-left:0px !important; } .normargin { margin-right:0px !important; } .pad-top { padding-top: 8px !important; } .highlight { padding: 1px 3px; background: #ffffcc; } .btn { cursor: pointer; } .back-to-top { text-align:right; } .alt { background-color:#fbfff7; } .morelink { display:inline; float:right; font-size:11px; font-weight:normal; margin:0 5px 0 0; text-decoration:underline; } .outgoing { background:url(http://em2.isnooth.com/images/icon-outgoing.png) no-repeat scroll right 2px transparent; padding-right:15px; } .landing-columns { padding-top:16px; } .column { float:left; width:49%; } .column.last { float:right; } /*################################################################################ Structure ################################################################################*/ /*-------------------------------------------------------------------------------- Header --------------------------------------------------------------------------------*/ #font-size { display:inline; } #font-size a.current-size, #font-size a.current-size:hover { font-weight:bold; text-decoration:underline; } #font-size a#font-regular.current-size, #font-size a#font-regular.current-size:hover { font-weight:bold; } #font-size a#font-large.current-size, #font-size a#font-large.current-size:hover { font-weight:bold; } #header .wrap { position: relative; } #logo { position: relative; width: 298px; padding: 18px 0 18px; } #logo a img { padding: 0 0 0 2px; border: none !important; background: transparent; } #iphone-banner { font-size:2em !important; line-height:1.2em; display:block; color:white; background-color:#678E50; text-align:center; padding:40px 20px; margin:20px 20px; -webkit-border-radius:25px; } #navbar { background: transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll 0 -626px; width:974px; margin:0 auto; position:relative; z-index:50; } #main_nav { margin:1px 0px 0px 7px; padding:0px 0px 0px 0px; width:400px; float:left; } #main_nav ul { padding:0; margin:0px 0px 0px 0px; list-style: none; z-index:1000; } #main_nav li.main { float:left; position:relative; z-index:10; margin:0px 0px 0px 0px; padding:0px; height:38px; color:#3d5b29; font-family: Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; } #main_nav li.main a.main { display:block; color:#3d5b29; padding:10px 30px 13px 20px; margin:0px 0px -1px 0px; background: transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll right 0; } #main_nav li.main:hover a.main, #main_nav li.over a.main { background: transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll right -94px; color:white; } #main_nav li.main:hover a, #main_nav li.over a:hover { color:#ffffff; } #main_nav li ul { position:absolute; display:none; z-index:11; top:38px; left:0px; font-size:.85em; background: transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll bottom left; padding:10px 0px 10px 10px; } #main_nav .over ul { display:block; } #main_nav li:hover ul { display:block; } #main_nav li ul li { width:135px; } #main_nav li ul li a { width:120px; display:block; padding:3px 3px 3px 3px; color:#3d5b29 !important; font-weight:normal; } #main_nav li ul li a:hover { background-color:#ecf7dc; color:#3d5b29 !important; } #nav_top { text-align:right; font-size:.9em; padding:5px 15px 0px 0px; color:#3d5b29} #nav_top img { vertical-align:text-bottom; } #nav_top a { color:#3d5b29; font-weight:bold; } #main_nav li#mn-home.main a.main { background-position:right -49px; padding-left:12px; padding-right:18px; } #main_nav li#mn-home.main:hover a.main, #main_nav li#mn-home.over a.main { background-position:-1677px -94px; } #Leaderboard2 { background-color:transparent; width:728px; height:90px; position:absolute; top:21px; right:0px; } #search .wrap { position: relative; margin-top: 3px; border: 1px solid #becfa5; border-left: none; border-right: none; } #search form { float: right; display:inline; text-align:right; padding:8px 10px 0px 0px; } #search fieldset legend { display: none; } #search form .buttons { float:right; display:inline; } /*-------------------------------------------------------------------------------- Content --------------------------------------------------------------------------------*/ .left-col { width:624px; float:left; display:inline; } .right-col { width:300px; float:right; display:inline; } .left-col, .right-col { margin-top:0px; } .left-col-sidebar { width:170px; float:left; display:inline; } .left-col-content { width:417px; float:right; display:inline; } .left-col-home { width:632px; float:left; display:inline; margin-top:20px; } .home .left-col-sidebar { width:156px; } .home .left-col-content { width:463px; } .right-col-home { width:300px; float:right; display:inline; margin:20px 0px 0px 0px; } .right-col-groups { width:300px; float:right; display:inline; margin:0px 0px 0px 0px; } .left-col-article, .left-col-account, .left-col-topic, .left-col-groups { width:624px; float:left; display:inline; } .article .left-col-sidebar { width:130px; margin-top:20px; } .account .left-col-sidebar { width:127px; margin-top:20px; } .account .left-col-content { width:463px; margin-top:20px; } .article .left-col-content { width:481px; margin-top:20px; } .article .left-col-content.article-v2 { width:624px; margin-top:20px; } .account .left-col-content { width:466px; } .right-col-article, .right-col-topic { width:300px; float:right; display:inline; margin:20px 0px 0px 0px; } .left-col-about { width:706px; float:left; display:inline; } .right-col-about { width:217px; float:right; display:inline; padding-top:35px;} .left-col-details { width:621px; float:left; display:inline; } .right-col-details { width:300px; float:right; display:inline; } .left-col-forum { width:630px; float:left; display:inline; } .left-col-account { width:624px; float:left; display:inline; } .forum .left-col-sidebar, .account .left-col-sidebar { width:143px; margin-top:20px; } .forum .left-col-content, .account .left-col-content { width:463px; margin-top:20px; } .account .left-col-content { width:466px; } .right-col-forum { width:300px; float:right; display:inline; margin:20px 18px 0px 0px; } #ad-col-wrapper { float: left; position:relative; z-index:1; width: 300px; padding-top: 8px; } .ad-col { width: 300px; padding-top: 8px; background: transparent url(http://em1.isnooth.com/images/vim/sprite-icons.sr12601.png) -314px -9px no-repeat; margin-bottom:30px; } .ad-col a img { padding: 0 !important; border: none !important; } .ad { display: block; width: 300px; margin-bottom: 5px; background:#ddd; } .snooth-banner { display: block; margin: 0 0 12px 0; } #Bottom_Leaderboard { width:728px; height:90px; background:transparent; margin:33px auto 0px; } #Rectangle { margin-bottom:25px; } #ad-teaser { text-align:center; } .breadcrumb { font-size:.9em; color:#999999; } .breadcrumb a { color:#678E50; text-decoration:underline; } .breadcrumb a:hover { color:#7abd33; } /*-------------------------------------------------------------------------------- Footer --------------------------------------------------------------------------------*/ /*#footer-frame { background: #354727 url(http://em2.isnooth.com/images/v2/global/footer_top.gif) 0 0 repeat-x; height: auto; padding: 69px 0 29px 0; margin:7px auto 0px auto; }*/ #footer-frame { background-color #354727; height: auto; padding: 69px 0 29px 0; margin:7px auto 0px auto; } #footer-frame iframe { width:980px; margin:0px auto; } .footer-fineprint { text-align:left; font-size:12px; color:#a6a6a6; line-height:13px; border-top:1px solid #dbdbdb; padding:14px 0px; } .footer-fineprint.federated { line-height:17px; padding-top:19px; } .footer-fineprint a { text-decoration:underline; color:#a6a6a6; } .footer-fineprint a:hover { color:#4F820D;} .footer-logo-snooth, .footer-logo-spirit { float:right; display:inline; margin-top:3px; background:url(http://em1.isnooth.com/images/federated-logos-footer.gif) no-repeat scroll 0px 0px transparent; width:115px; height:81px; } .footer-logo-snooth { background-position:-123px 0px; width:150px; margin-left:20px; } /*################################################################################ Reusable Elements and Modules ################################################################################*/ /*-------------------------------------------------------------------------------- Image, Title, and Subtitle --------------------------------------------------------------------------------*/ .item-results { } .item-results li { padding:0px 0px 5px 0px; margin:0px 0px 7px 0px; border-bottom:1px dotted #cbcbcb; } .item-results-image, .item-results-left { float:left; display:inline; text-align:center; margin:2px 0px 0px 0px; width:64px; } .title { font-size:1.1em; margin-bottom:4px; line-height:1.1em; } .subtitle { display:block; font-size:.95em; margin-bottom:3px; } .title, .subtitle { margin-left:68px; } .wines-micro-horiz li { float:left; display:inline; width:199px; margin:0px 7px 14px 0px; } .wines-micro-horiz li .wines-micro-horiz-img { float:left; } /*.wines-micro-horiz li h4 { margin-left:67px; margin-top:3px; padding-right:5px; font-weight:normal; }*/ /*.wines-micro-horiz li h4 { margin-left:67px; padding-right:5px; margin-bottom:4px; }*/ .wines-micro-horiz li h4 { margin-left:67px; padding-right:5px; margin-bottom:4px; font-weight:normal; } .wines-micro-horiz .subtitle { font-size:11px; margin-bottom:0px; line-height:13px; } /*-------------------------------------------------------------------------------- Image Links --------------------------------------------------------------------------------*/ .item-results-image a, .results li .wine-img .wine-img-a, .gv-image, .article-previews .article-image-preview a, .wines-micro-horiz-img a, .group-reviews-left a { background-color:#F7FEEF; display:block; text-align:center; width:58px; border: 1px solid #B7D296; } .followers li a { background-color:#F7FEEF; text-align:center; display:block; border: 1px solid #B7D296; } .item-results-image a img, .results li .wine-img a.wine-img-a img, .user-image img, .gv-image img, .article-previews .article-image-preview a img, .wines-micro-horiz-img a img, .group-reviews-left a img, .followers li img { padding:3px; } .item-results-image a:hover, .results li .wine-img .wine-img-a:hover, .article-previews .article-image-preview a:hover, .wines-micro-horiz-img a:hover, .group-reviews-left a:hover { background-color:#E0F2CB; } .results li .wine-img .wine-img-a { width:94px; } .gv-image { position:relative; } .follower { position: relative; z-index:0; } .follower img { } .followers li .follower em { position: absolute; display:none; padding: 6px 4px 12px 4px; width:90px; font-size: 11px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; color: #eee; text-align: center; background: transparent url(http://em2.isnooth.com/images/v2/content/icon-bubble-green.gif) center bottom no-repeat; } .follower:hover em { display: block !important; bottom: 53px; left: -23px; text-decoration:none !important; border: none !important; } .group-followers-large .follower:hover em { bottom:auto; text-decoration:none !important; } .gv-image em, .user-image em { position: absolute; padding: 6px 4px 12px 4px; margin:0px 0px 0px -9990px; top:-29px; left:-19px; width:90px; font-size: 11px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; color: #eee; text-align: center; background: transparent url(http://em2.isnooth.com/images/v2/content/icon-bubble-green.gif) center bottom no-repeat; } .gv-image:hover em, .user-image:hover em { margin:0px 0px 0px 0px; } .follower, .gv-image, .user-image { text-decoration:none !important; } /*-------------------------------------------------------------------------------- Image Link Overrides --------------------------------------------------------------------------------*/ .item-results.forum .item-results-left { width:61px; } .forum .item-results-image a { width:96px; } .forum .item-results.forum .title, .forum .item-results.forum span.subtitle, .forum .item-results.forum .subtitle { margin-left:107px; margin-top:5px; } .forum .item-results.forum { margin-top:0px; } .item-results.in-sidebar { } .item-results.in-sidebar li, .item-results.articles-sidebar li { } .item-results.in-sidebar .item-results-image .user-name a, .item-results.in-sidebar .item-results-image .karma-number a { display:inline; width:auto; border:none; background-color:transparent; } .item-results.in-sidebar .item-results-image .karma-icons a { border:none; } .item-results.in-sidebar .title, .item-results.in-sidebar .subtitle, .item-results.in-sidebar .subtitle { margin-left:70px; } .item-results.in-sidebar .subtitle { font-size:0.9em; margin-bottom:8px; margin-top:8px; } .item-results.articles-home .subtitle { line-height:1.15em; font-size:1em; } .item-results.articles-home .item-results-image a, .item-results.articles-sidebar .item-results-image a { width:96px; } .item-results.articles-home .item-results-image a img { max-width:88px; max-height:88px; } .item-results.articles-home .title, .item-results.articles-home .subtitle, .item-results.articles-sidebar .title, .item-results.articles-sidebar .subtitle { margin-left:106px; } .item-results.articles-sidebar .subtitle.subtitle-micro { font-size:9px; text-transform:uppercase; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; letter-spacing:1.5px; color:#555555; margin-top:6px; } .item-results.pairing-content, .item-results.reccos { width:446px; } .item-results.reccos { margin-bottom:10px; } .item-results.reccos .item-results-image .sn-wine-link { width:94px; } .item-results.reccos .title, .item-results.reccos .subtitle { margin-left:104px; } .item-results.pairing-content li, .item-results.reccos li { border-bottom:medium none; clear:none; margin:0 8px 0 0; width:215px; float:left; display:inline; } .no-margin { margin-right:0px; } .item-results.pairing-content .item-results-image a { width:90px; } .item-results.pairing-content .title { font-size:1em; } .item-results.pairing-content .title, .item-results.pairing-content .subtitle { margin-left:99px; } .recipe-pairings .item-results .subtitle { float:right; display:inline; margin:3px 0px; width:205px; } .recipe-pairings .item-results .subtitle .title { float:left; width:auto; margin:0px; } .recipe-pairings .item-results .title { float:right; display:inline; margin:3px 0px 3px 0px; width:205px; } .recipe-pairings .item-results .item-results li { min-height:97px; } .recipe-pairings .item-results .karma-icons .vote-up { background-position:-586px -219px; } .recipe-pairings .item-results .karma-icons .vote-down { background-position:-586px -245px; } /*-------------------------------------------------------------------------------- Wine Review / Feed Items --------------------------------------------------------------------------------*/ .gv-item { width:619px; position:relative; float:left; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; background: transparent url(http://em1.isnooth.com/images/v2/content/gv-bottom.gif) repeat-x scroll bottom left; } .wine-review { margin:0px 0px 30px 0px; padding:0px 0px 0px 0px; } .gv-item .gv-meta { float:left; width:615px; margin:0px 0px 7px 0px; padding:10px 0px; font-size:1.0em; } .gv-item .gv-meta .gv-action { width:465px; float:left; line-height:1.3em; } .gv-item .gv-meta .gv-date { width:140px; float:right; text-align:right; line-height:1.3em; } .gv-item .sticky-notes { position:absolute; top:8px; right:8px; } .gv-item .gv-doer { width:75px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .wine-review .doer { width:93px; float:left; display:inline; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; } .user-image { display:block; position:relative; width:58px; margin:0px auto; text-align:center; background-color:#F7FEEF; border:1px solid #B7D296; } .gv-image.vtiny { width:92px; } .gv-image:hover, .user-image:hover { background-color:#e0f2cb; } .gv-image.gv-recipient { position:absolute; width:31px; bottom:-10px; right:-7px; } .recip-holder { position:relative; float:left; display:block-inline; } .gv-image.gv-recipient img { width:25px; padding:3px; } .callout { position:relative; z-index:auto; float:left; display:inline; margin: 0px 0px 12px 0px; padding:9px 8px 0px 0px; } .review .callout, .message .callout, .modify.object .callout, .shared .callout { width:536px; background: transparent url(http://em2.isnooth.com/images/v2/content/callout-wide.gif) no-repeat scroll top left; } .wine-review-callout { float:left; display:inline; margin: 0px 0px 0px 0px; padding:9px 0px 0px 0px; width:493px; background: transparent url(http://em1.isnooth.com/images/v2/content/review-bg-493.gif) no-repeat scroll top left; } .narrow .wine-review-callout { width:355px; background: url(http://em2.isnooth.com/images/v2/content/review-bg-355.gif) } .groupvine-admin.review .callout, .new-post.groupvine-admin .callout, .groupvine-admin.message .callout, .groupvine-admin.modify.object .callout { width:536px; background: transparent url(http://em1.isnooth.com/images/v2/content/callout-wide-admin.gif) no-repeat scroll top left; } .wishlist .callout, .follow .callout, .modify .callout { width:211px; background: transparent url(http://em2.isnooth.com/images/v2/content/callout-med.gif) no-repeat scroll top left; } .groupvine-admin.wishlist .callout, .groupvine-admin.follow .callout, .groupvine-admin.modify .callout { width:218px; background: transparent url(http://em1.isnooth.com/images/v2/content/callout-med-admin.gif) no-repeat scroll top left; } .user-name { text-align:center; margin:4px auto 0px; font-family:georgia, times, serif; font-style:italic; } .karma-wrapper { position:relative; left:50%; margin:4px 0px 0px 0px; float:left; z-index:1; } .karma-icons { position:relative; left:-50%; z-index:1; } .karma-icons span { } .karma-icons .vote-rec { width:15px; height:15px; margin-right:2px; float:left; background:transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll top left; position:relative; z-index:1; } .karma-icons .vote-rec:hover { text-decoration:none; } .karma-icons .vote-rec em { background:transparent url(http://em2.isnooth.com/images/v2/content/icon-bubble-green.gif) no-repeat scroll center bottom; color:#EEEEEE; display:block; font-size:11px; font-style:normal; font-weight:normal; letter-spacing:0; line-height:1.3em; padding:6px 4px 12px; margin:0px 0px 0px -9999px; top:-30px; left:-50px; position:absolute; z-index:40; text-align:center; width:108px; } .karma-icons .vote-rec:hover em { margin:0px; } .karma-icons a { } .karma-icons a:hover { text-decoration:none; } .karma-icons .badge { width:15px; height:15px; margin-right:2px; float:left; background:transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll top left; position:relative; z-index:1; } .karma-icons .badge .label-mini { background:transparent url(http://em2.isnooth.com/images/v2/content/icon-bubble-green.gif) no-repeat scroll center bottom; color:#EEEEEE; display:block; font-size:11px; font-style:normal; font-weight:normal; letter-spacing:0; line-height:1.3em; padding:6px 4px 12px; margin:0px 0px 0px -9999px; top:-30px; left:-50px; position:absolute; z-index:40; text-align:center; width:108px; } .karma-icons .founding { background-position:-652px -219px; } .karma-icons .founding:hover { background-position:-652px -245px; } .karma-icons .founding:hover .label-mini { margin:0px 0px 0px 0px; } .karma-icons .vos { background-position:-630px -219px; } .karma-icons .vos:hover { background-position:-630px -245px; } .karma-icons .vos:hover .label-mini { margin:0px 0px 0px 0px; } .karma-icons .hos { background-position:-608px -219px; } .karma-icons .hos:hover { background-position:-608px -245px; } .karma-icons .hos:hover .label-mini { margin:0px 0px 0px 0px; } .karma-icons .pro .label-mini { padding:6px 14px 12px; top:-46px; left:-66px; width:118px; } .karma-icons .pro { background-position:-670px -219px; } .karma-icons .pro:hover { background-position:-670px -245px; } .karma-icons .label-mini a { color:#d1ff82; text-decoration:none; } .karma-icons .label-mini a:hover { text-decoration:underline; } .karma-icons .pro:hover .label-mini { margin:0px 0px 0px 0px; } .karma-icons .vote-up:hover .label-mini, .karma-icons .vote-down:hover em { margin:0px 0px 0px 0px; } .karma-number { text-align:center; margin:7px 0px 0px 0px; font-size:.85em; } .karma-number a, .karma-number .link-embed { background-color:#F7FEEF; border:1px solid #B7D296; padding:0px 2px; } .glasses-review { margin:5px 11px; } .glasses-review .rate-parent { float:left; margin:0px 8px 0px 0px; } .glasses-review .help_text { float:right; font-family:georgia, times, serif; font-style:italic; color:#777777; font-size:.9em; margin:4px -3px 0 0px; } .glasses-review p { float:left; } .personal_review_comments { margin:0px 0px 0px 57px; } .personal_review_comments textarea, form.personal_review_comments fieldset input.tagbox { background-image:none; border:1px solid #B7D296; padding:5px; width:320px; margin:5px 11px; font-size:1em; } .personal_review_comments .checkbox { position:relative; top:2px; margin:0px 4px 0px 0px } .personal_review_comments .checkbox-label { margin:2px 0px 0px 0px; font-family:georgia, times, serif; font-style:italic; color:#777777; } .review-controls { margin:13px auto; text-align:center; } .review-controls-text { font-size:1.2em; font-family:georgia, times, serif; font-style:italic; color:#777777; } .review-controls .row { margin:12px auto 0px; } .wine-review-callout-content fieldset { margin:0px auto; } .joined .callout { display:none; } .friends .callout { width:54px; padding:0px 0px 0px 22px; } .friends .callout .gv-image { margin:0px 0px 0px 5px; } .friends .callout .gv-image a { border:2px solid black; } .callout-icon { position:absolute; top:10px; left:-9px; width:19px; height:19px; background: transparent url(http://em1.isnooth.com/images/v2/content/gv-icons.gif) no-repeat scroll 0px 0px; } .groupvine-admin .callout-icon { position:absolute; top:10px; left:-9px; width:19px; height:19px; background: transparent url(http://em2.isnooth.com/images/v2/content/gv-icons-admin.gif) no-repeat scroll 0px 0px; } .review .callout-icon, .message .callout-icon { background-position: 0px 0px; } .wishlist .callout-icon, .follow .callout-icon, .shared .callout-icon { background-position: 0px -30px; } .modify .callout-icon { background-position: 0px -64px; } .friends .callout-icon { width:30px; height:24px; left:-9px; background: transparent url(http://em1.isnooth.com/images/v2/content/friends-icon.gif) no-repeat scroll 0px 0px; } .callout-content p { font-size:1em; line-height:1.45em; margin:1px 0px 5px 0px; } .callout-content p.no-review { font-style:italic; margin-bottom:60px; } .thispage .callout-content, .modify .callout-content { border-right:none; } .thispage .callout-content p { margin-bottom:0px; } .modify .callout-content { min-height: 43px; background: transparent url(http://em2.isnooth.com/images/v2/content/icon-landscape.gif) no-repeat scroll 0px 0px; padding:0px 0px 0px 50px; margin:0px 14px 0px 14px; } .modify.image .callout-content { background: transparent url(http://em2.isnooth.com/images/v2/content/icon-landscape.gif) no-repeat scroll 0px 0px; } .modify.description .callout-content { background: transparent url(http://em1.isnooth.com/images/v2/content/icon-pen.gif) no-repeat scroll 0px 0px; } .callout-object { margin-left: 1px solid #cbcbcb; } .callout-content { float:left; margin:0px 0px 0px 0px; padding:0px 6px 0px 15px; } .wine-review-callout-content { margin:0px 0px 0px 0px; padding:0px 6px 0px 15px; } .review .callout-content, .shared .callout-content { width:296px; } .modify.object .callout-content { width:258px; } .review.thispage .callout-content { width:517px; } .message .callout-content { border-right:none; } .wishlist .callout-content { } .review .star-rating-wrapper, .wine-review .star-rating-wrapper { float:left; margin:0px 8px -9px 0px; } .wine-review-callout-content p { line-height:1.4em; } .review .star-rating { } .review .callout-object, .modify .callout-object, .shared .callout-object { width:207px; float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 9px; border-left:1px solid #CBCBCB; } .wishlist .callout-object, .follow .callout-object { width:200px; float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .callout-bottom { width:544px; float:left; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } .review .callout-bottom, .message .callout-bottom, .modify.object .callout-bottom, .shared .callout-bottom { background: transparent url(http://em2.isnooth.com/images/v2/content/callout-wide.gif) no-repeat scroll bottom left; } .wine-review-callout-bottom { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:7px; background: transparent url(http://em1.isnooth.com/images/v2/content/review-bg-493.gif) no-repeat scroll 0px bottom; } .groupvine-admin.review .callout-bottom, .new-post.groupvine-admin .callout-bottom, .groupvine-admin.message .callout-bottom, .groupvine-admin.modify.object .callout-bottom { background: transparent url(http://em1.isnooth.com/images/v2/content/callout-wide-admin.gif) no-repeat scroll bottom left; } .wishlist .callout-bottom, .follow .callout-bottom, .modify .callout-bottom { background: transparent url(http://em2.isnooth.com/images/v2/content/callout-med.gif) no-repeat scroll bottom left; } .groupvine-admin.wishlist .callout-bottom, .groupvine-admin.follow .callout-bottom, .groupvine-admin.modify .callout-bottom { background: transparent url(http://em1.isnooth.com/images/v2/content/callout-med-admin.gif) no-repeat scroll bottom left; } .gv-extra { margin-left:75px; float:left; clear:both; padding:0px 0px 12px 0px; font-size:.9em; } .joined .gv-extra { font-size:0px; height:10px; } /*-------------------------------------------------------------------------------- Star Ratings --------------------------------------------------------------------------------*/ .star-img-holder-mini { display:inline-block; height:12px; margin:0 0 2px; overflow:hidden; position:relative; width:59px; vertical-align:middle; } .star-img-holder-mini img { position:absolute !important; left:0px !important; background-color:transparent !important; border:none !important; float:none !important; margin:0px !important; padding:0px !important;} .group-mini-rate-5 { top:-120px; } .group-mini-rate-45 { top:-108px; } .group-mini-rate-4 { top:-96px; } .group-mini-rate-35 { top:-84px; } .group-mini-rate-3 { top:-72px; } .group-mini-rate-25 { top:-60px; } .group-mini-rate-2 { top:-48px; } .group-mini-rate-15 { top:-36px; } .group-mini-rate-1 { top:-24px; } .group-mini-rate-05 { top:-12px; } .group-mini-rate-0 { top:0px; } /* RATINGS GLASSES */ .inline-rating { float: left; margin: 0 3px 0 0; } .star-rating { width: 80px; height: 16px; margin: 0 0 8px 0; padding: 0; list-style: none; clear: both; position: relative; z-index:0; overflow: hidden; background: transparent url(http://em2.isnooth.com/images/v2/global/rating-glasses-all.gif) no-repeat 0 0; } .overview .star-rating { margin-bottom:0px; } .star-rating-grey { width: 80px; height: 16px; margin: 0 0 8px 0 !important; padding: 0 !important; list-style: none; clear: both; position: relative; overflow: hidden; background: transparent url(http://em2.isnooth.com/images/v2/global/rating-glasses-all.gif) no-repeat 0 0; } .starset0 { background-position: 0 0; } .starset16 { background-position: 0 -192px; } .starset32 { background-position: 0 -208px; } .starset48 { background-position: 0 -224px; } .starset64 { background-position: 0 -240px; } .starset80 { background-position: 0 -256px; } .starset96 { background-position: 0 -272px; } .starset112 { background-position: 0 -288px; } .starset128 { background-position: 0 -304px; } .starset144 { background-position: 0 -320px; } .starset160 { background-position: 0 -336px; } .star0 { background-position: 0 0; } .star16 { background-position: 0 -16px; } .star32 { background-position: 0 -32px; } .star48 { background-position: 0 -48px; } .star64 { background-position: 0 -64px; } .star80 { background-position: 0 -80px; } .star96 { background-position: 0 -96px; } .star112 { background-position: 0 -112px; } .star128 { background-position: 0 -128px; } .star144 { background-position: 0 -144px; } .star160 { background-position: 0 -160px; } .star-rating li, .star-rating-grey li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em; } .star-rating li a, .star-rating-grey li a { position: absolute; left: 0; top: 0; display: block; margin: 0; width: 8px; height: 16px; border: none !important; z-index: 200; } .star-rating .half a, .star-rating-grey .half a { left: 0 } .star-rating .one a, .star-rating-grey .one a { left: 8px; } .star-rating .one-half a, .star-rating-grey .one-half a { left: 16px; } .star-rating .two a, .star-rating-grey .two a { left: 24px; } .star-rating .two-half a, .star-rating-grey .two-half a { left: 32px; } .star-rating .three a, .star-rating-grey .three a { left: 40px; } .star-rating .three-half a, .star-rating-grey .three-half a { left: 48px; } .star-rating .four a, .star-rating-grey .four a { left: 56px; } .star-rating .four-half a, .star-rating-grey .four-half a { left: 64px; } .star-rating .five a, .star-rating-grey .five a { left: 70px; } .star-rating li a:hover { z-index: 2; width: 80px; height: 16px; overflow: hidden; left: 0; border: none !important; background: url(http://em2.isnooth.com/images/v2/global/rating-glasses-all.gif) no-repeat 0 0; } .star-rating-grey li a:hover { z-index: 2; width: 80px; height: 16px; overflow: hidden; left: 0; background: url(http://em2.isnooth.com/images/v2/global/rating-glasses-all.gif) no-repeat 0 0; } .star-rating .half a:hover, .star-rating-grey .half a:hover { background-position: 0 -192px;} .star-rating .one a:hover, .star-rating-grey .one a:hover { background-position: 0 -208px;} .star-rating .one-half a:hover, .star-rating-grey .one-half a:hover { background-position: 0 -224px;} .star-rating .two a:hover, .star-rating-grey .two a:hover { background-position: 0 -240px;} .star-rating .two-half a:hover, .star-rating-grey .two-half a:hover { background-position: 0 -256px;} .star-rating .three a:hover, .star-rating-grey .three a:hover { background-position: 0 -272px; } .star-rating .three-half a:hover, .star-rating-grey .three-half a:hover { background-position: 0 -288px; } .star-rating .four a:hover, .star-rating-grey .four a:hover { background-position: 0 -304px; } .star-rating .four-half a:hover, .star-rating-grey .four-half a:hover { background-position: 0 -320px; } .star-rating .five a:hover, .star-rating-grey .five a:hover { background-position: 0 -336px; } .ratings_reset { border: none !important; margin: 0; padding: 0; } .ratings_reset:hover { border: none !important; } /* star ratings - 090609 */ .stars { background:transparent url(http://em1.isnooth.com/images/stars.gif) no-repeat scroll 0 0; height:12px; width:60px; text-indent:-5000px; float:left; margin:1px 0px 0px 0px; } .sr5 { background-position:0px 0px; } .sr45 { background-position:0px -13px; } .sr4 { background-position:0px -26px; } .sr35 { background-position:0px -39px; } .sr3 { background-position:0px -52px; } .sr25 { background-position:0px -65px; } .sr2 { background-position:0px -78px; } .sr15 { background-position:0px -92px; } .sr1 { background-position:0px -105px; } .sr05 { background-position:0px -118px; } /* star ratings for seo-friendly - 090918 */ .star-img-holder { display:block; height:17px; margin:0 0 4px; overflow:hidden; position:relative; width:92px; } .star-img-holder img { position:absolute; } .img-star0 { background-position: 0 0; } .img-star16 { left:0px; top:-16px; } .img-star32 { left:0px; top:-32px; } .img-star48 { left:0px; top:-48px; } .img-star64 { left:0px; top:-64px; } .img-star80 { left:0px; top:-80px; } .img-star96 { left:0px; top:-96px; } .img-star112 { left:0px; top:-112px; } .img-star128 { left:0px; top:-128px; } .img-star144 { left:0px; top:-144px; } .img-star160 { left:0px; top:-160px; } .mini-rate-0, .mini-rate-05, .mini-rate-1, .mini-rate-15, .mini-rate-2, .mini-rate-25, .mini-rate-3, .mini-rate-35, .mini-rate-4, .mini-rate-45, .mini-rate-5 { float: left; display: block; width: 60px; height: 12px; margin-right: 5px; background: transparent url(http://em2.isnooth.com/images/mini-rate.gif) 0 0 no-repeat; text-indent: -5000px; } .mini-rate-0 { background-position: 0 0; } .mini-rate-05 { background-position: 0 -12px; } .mini-rate-1 { background-position: 0 -24px; } .mini-rate-15 { background-position: 0 -36px; } .mini-rate-2 { background-position: 0 -48px; } .mini-rate-25 { background-position: 0 -60px; } .mini-rate-3 { background-position: 0 -72px; } .mini-rate-35 { background-position: 0 -84px; } .mini-rate-4 { background-position: 0 -96px; } .mini-rate-45 { background-position: 0 -108px; } .mini-rate-5 { background-position: 0 -120px; } .home .item-results.pairing-content span.subtitle span.title { line-height:17px; margin:0 37px 0 0; } .home .item-results.pairing-content .stars { margin-top:0px; } /*-------------------------------------------------------------------------------- Colors --------------------------------------------------------------------------------*/ /* Gray for data titles and labels = #444444 */ .results li .wine-data dt, .results li .wine-data dt a, .results li .wine-data .results-links a { color:#444444; } /*-------------------------------------------------------------------------------- Fonts --------------------------------------------------------------------------------*/ /* Serif */ #filter-tools .refine, #filter-labels label, #filter-tools dl.no-hide dd.checkbox-tool label, #filter-tools dl.no-hide dd.slider-data p, .btn-desc, .num-reviews, .link-mini a, .attr, .details dt, .details .product-badge-holder { font-family:georgia, times, serif; } .num-reviews, .link-mini a, .attr, .details dt, .details .product-badge-holder { font-style:italic; color:#777777; } /*-------------------------------------------------------------------------------- Icon Buttons --------------------------------------------------------------------------------*/ .srhelp { position:absolute; right:1px; top:92px; } .snoothrank-desc { position: absolute; right:3px; top:0px; margin-top: -95px; border: none !important; background:transparent; } img.ratings_reset { float:left; padding: 0; border: none; cursor: pointer; } .icon-link { padding-left:21px; line-height:16px; background: transparent url(http://em1.isnooth.com/images/vim/sprite-icons-vert.sr13211.png) no-repeat scroll 0px 0px; } .share_icons { float:right; display:inline; margin-left:5px; } .share_icons h5 { float:left; display:inline; font-weight:normal; line-height:17px; margin-right:10px; font-size:.9em; } .share_icons li { float:left; display:inline; background-image:url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif); display:block; margin-right:15px; line-height:17px; } .share_icons li a:hover { text-decoration:none; } .share_icons li a { padding-left:19px; } .share_icons li.facebook { background-position:-587px -281px; } .share_icons li.twitter { background-position:-587px -322px; margin-right:0px; } .share_icons a:hover em { margin:0; } .share-details .share_icons { margin-top:8px; margin-left:0px; float:left; display:inline; } .share-details .share_icons li, .share-details .share_icons h5 { margin:1px 0px 1px 0px; } /*-------------------------------------------------------------------------------- Pagination --------------------------------------------------------------------------------*/ .pagination { padding: 21px 0 7px 0; font-size: .9em; text-align: center; clear:both; } .buypage p.pagination { line-height:2.5em; width:600px; } .pagination a { margin: 0 3px; padding: 3px 7px; border: 1px solid #ddd; } .pagination a:hover { color: #fff; background: #b73b5f; border-color: #933557; text-decoration: none; } .pagination a.current-page, p.pagination a.current-page:hover { color: #577343; font-weight: bold; background: #f2f8ec; border-color: #b8c3b0; cursor: default; } .pagination-extras { padding: 7px 0 4px 0; font-size: 1.0em; text-align: center; } /*-------------------------------------------------------------------------------- Empty States --------------------------------------------------------------------------------*/ .empty_state { padding:8px 13px 10px; line-height:16px; -webkit-box-shadow:0 2px 3px #ccc; -moz-box-shadow:0 1px 2px #ccc; box-shadow:0 1px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fffaea url(http://em1.isnooth.com/images/vim/sprite-icons-vert.sr13211.png) repeat-x scroll 0px bottom; border:1px solid #dfd39c; position:relative; } .empty_state a { color:#4f963f; text-decoration:underline; } .empty_state a:hover { color:#7ABD33; } .alert-close { position:absolute; top:4px; right:4px; width:15px; height:15px; background: transparent url(http://em1.isnooth.com/images/vim/sprite-icons.sr12601.png) no-repeat scroll -1001px -4px; } .alert-close:hover { background-position:-1024px -4px; } /*-------------------------------------------------------------------------------- Alerts & Notifications --------------------------------------------------------------------------------*/ .alert { padding:8px 13px 10px; margin:0px 0px 20px; line-height:16px; -webkit-box-shadow:0 2px 3px #ccc; -moz-box-shadow:0 1px 2px #ccc; box-shadow:0 1px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; background:#63adb6 url(http://em1.isnooth.com/images/vim/sprite-vert.sr10444.png) repeat-x scroll 0px bottom; border:1px solid #ffffff; position:relative; text-align:center; color:#ffffff; font-weight:bold; } .alert a { color:#cff9ff; text-decoration:underline; } .alert a:hover { color:#7ABD33; } .alert.good a:hover { color:white; } .alert.good .alert-close { position:absolute; top:4px; right:4px; width:15px; height:15px; background: transparent url(http://em1.isnooth.com/images/vim/sprite-icons.sr12601.png) no-repeat scroll -1047px -4px; } .alert.good .alert-close:hover { background-position:-1071px -4px; } .alert.bad { -webkit-box-shadow:0 2px 3px #ccc; -moz-box-shadow:0 1px 2px #ccc; box-shadow:0 1px 2px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; background:#a32c2c url(http://em2.isnooth.com/images/alert-bad-bg.png) repeat-x scroll 0px bottom; border:1px solid #ffffff; color:#ffffff; } .alert.bad ol li, .alert.bad p { text-align:left; margin:8px 15px; background-color:transparent; border:none; padding:0px; } .alert.bad a { color:white; } #forgot_password { background-color:white; display:block; left:50%; margin-left:-200px; position:absolute; top:200px; width:400px; border:29px solid #B7D296; z-index:99; } #forgot_password_bubble { padding:15px; } #forgot_password h6 { font-size:2em; } #forgot_password input#fpem { border:1px solid black; font-size:1.2em; margin:3px 12px 8px 0; width:227px; float:left; display:inline; } #forgot_password .btn { margin:3px 0px 0px 0px; float:left; display:inline; } /*-------------------------------------------------------------------------------- Bubbles --------------------------------------------------------------------------------*/ /* Bubble structural styles */ .snooth-bubble { position: fixed; top: 0; left: 0; z-index: 8000; width: 100%; } .snooth-bubble table { width: 510px; margin: 0 auto; } .snooth-bubble table td { font: normal normal 1em/1em "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; color: #555; background: #fff; } .snooth-bubble table td.tl { width: 15px; height: 14px; background: transparent url(http://em1.isnooth.com/images/v2/global/bubble-tl.png) 0 0 no-repeat; } .snooth-bubble table td.t { height: 14px; background: transparent url(http://em2.isnooth.com/images/v2/global/bubble-top.png) 0 0 repeat-x; } .snooth-bubble table td.tr { width: 15px; height: 14px; background: transparent url(http://em1.isnooth.com/images/v2/global/bubble-tr.png) 0 0 no-repeat; } .snooth-bubble table td.bl { width: 15px; height: 23px; background: transparent url(http://em2.isnooth.com/images/v2/global/bubble-bl.png) 0 bottom no-repeat; } .snooth-bubble table td.b { height: 23px; background: transparent url(http://em1.isnooth.com/images/v2/global/bubble-btm.png) 0 bottom repeat-x; } .snooth-bubble table td.br { width: 15px; height: 23px; background: transparent url(http://em2.isnooth.com/images/v2/global/bubble-br.png) 0 bottom no-repeat; } .snooth-bubble table td.l { width: 15px; background: transparent url(http://em1.isnooth.com/images/v2/global/bubble-l.png) 0 0 repeat-y; } .snooth-bubble table td.r { width: 15px; background: transparent url(http://em2.isnooth.com/images/v2/global/bubble-r.png) 0 0 repeat-y; } .snooth-bubble table td.bubble-content { padding: 14px 12px 0 14px; } /* Default display styles */ .snooth-bubble h4 { margin-bottom: .7em; font: bold 1.3em/1em Helvetica, "Helvetica Neue", Arial, sans-serif; color: #b73b5f; letter-spacing: -1px; border-bottom: 1px dotted #ccc; } .snooth-bubble p { margin-bottom: 1.1em; font-size: 1.1em; line-height: 1.4em; color: #555; } .snooth-bubble p em strong { color: #777; font-style: italic; line-height: 1.4em; } .snooth-bubble p.bottom-line { margin: 0; padding-top: 1.1em; font-size: 1em; font-style: italic; color: #999; text-align: center; } .snooth-bubble p.bottom-line a { color: #999; text-decoration: underline; font-size:.9em; } .snooth-bubble p.bottom-line a:hover { color: #b73b5f; } .snooth-bubble p.shared_item { display: block; padding: 5px 3px 5px 27px !important; line-height: 1.1em; border: 1px solid #ddd; background: #eee url(http://em1.isnooth.com/images/attachment_wine.gif) 5px center no-repeat; } .snooth-bubble dt { margin: .1em 0; font: bold 1.6em/1em Helvetica, "Helvetica Neue", Arial, sans-serif; color: #999; letter-spacing: -1px; } /* FancyUpload in Bubbles */ .snooth-bubble #pi_queue { padding-top: 12px; } .snooth-bubble #pi_queue li { padding: 5px 7px; font-size: 1.1em; } .snooth-bubble #pi_queue li.alt { background: #ddd; } .snooth-bubble #pi_queue li a { float: right; } /* Bubble close button and reusable button styles */ .snooth-bubble a.bubble-close { display: block; float: right; width: 44px; height: 11px; background: transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll -580px -136px; text-indent: -5000px; cursor: pointer; } .snooth-bubble a.bubble-close:hover { background-position: -580px -147px; } .snooth-bubble .bubble-btn { padding: 1px 10px; color: #f3f3f3 !important; font-size: .9em; text-transform: capitalize; font-style: normal !important; font-weight: normal !important; line-height: 1.5em; background: #b73b5f; border: 1px solid #952445; border-top-color: #ce4d72; border-left-color: #ce4d72; cursor: pointer; text-decoration: none !important; } .snooth-bubble .bubble-btn-large { padding: 1px 10px 2px 10px; color: #f3f3f3 !important; font-size: 14px; text-transform: capitalize; font-style: normal !important; font-weight: normal !important; line-height: 1.5em; background: #506a3e; border: 1px solid #385325; border-top-color: #6f8e5a; border-left-color: #6f8e5a; cursor: pointer; text-decoration: none !important; } .snooth-bubble .bubble-btn:hover, .snooth-bubble .bubble-btn-large:hover { color: #f3f3f3; } .bubble-btn-large:hover { background-color:#c6184b; } .bubble-btn:hover { background-color:#cf5377; } /* Overlay close button and reusable button styles */ .overlay a.overlay-close { display: block; float: right; width: 44px; height: 11px; margin-top: 10px; background: transparent url(http://em1.isnooth.com/images/v2/global/bubble-close.gif) 0 0 no-repeat; text-indent: -5000px; cursor: pointer; } .overlay a.overlay-close:hover { background-position: 0 -11px; } /* Button general form styles */ .snooth-bubble .bubble-form-wrapper { padding: 8px 7px; background: #eee; border: 1px solid #ddd; border-left: none; border-right: none; margin:9px 20px 0px; } .snooth-bubble form input.text { margin-bottom: .5em; padding: 5px 4px 4px 5px; } .snooth-bubble form select { font-size: 1.1em; } .snooth-bubble form textarea { padding: 4px 3px; font-size: 1.2em; border: 1px solid #cbcbcb; width: 410px; height: 200px; } .snooth-bubble form .form-col-l input.text { width: 266px; } .snooth-bubble form .form-col-l, .snooth-bubble form .form-col-r { float: left; } .snooth-bubble form .form-col-l { width: 280px; padding-right: 10px; } .snooth-bubble form .form-col-r { width: 136px; padding-left: 12px; border-left: 1px solid #ddd; } .snooth-bubble form p.checkbox-line { margin-bottom: -.3em; padding-top: .6em; font-size: 1.1em; color: #888; } .snooth-bubble form p.checkbox-line input { font-size: 1em; vertical-align: bottom; margin-right: .2em; } .snooth-bubble form p.checkbox-line label { font-size: 1em; line-height: 1.35em; font-style: italic; color: #888; } .snooth-bubble form p.checkbox-line a { color: #888; text-decoration: underline; } /* Login Bubble */ .snooth-bubble#please-login .bubble-btn { float: left; margin: .3em 10px 0 0; } /* Revised bubble - 10/09 */ .snooth-bubble-0910 { width:483px !important; left:50% !important; margin-left:241px !important; background-color:green; border:10px solid green; } .bubble-top { background: transparent url(http://em2.isnooth.com/images/bubble-sprite1.gif) no-repeat scroll left top; width:483px; height:41px; margin:0px auto; } .bubble-bottom { background: transparent url(http://em2.isnooth.com/images/bubble-sprite1.gif) no-repeat scroll left bottom; width:483px; height:51px; margin:0px auto; } .bubble-mid { background-color:white; width:483px; margin:0px auto; position:relative; } .bubble-mid h4 { margin:0px 20px; padding-top:20px; margin-bottom:9px; color:#2D6E05; letter-spacing:0px; } .bubble-mid p { margin:0px 20px; padding-bottom:12px; } .bubble-mid dt { margin:0px 20px; letter-spacing:0px; font-size:1.3em; } .bubble-mid p.bottom-line { position:absolute; width:483px; margin:0px; padding:0px; bottom:-50px; height:50px; text-align:center; } .bubble-mid p.bottom-line br { display:none; } .snooth-bubble .bubble-mid a.bubble-close { background: transparent url(http://em2.isnooth.com/images/bubble-sprite1.gif) no-repeat scroll -498px -14px; position:absolute; width:15px; height:15px; top:-28px; right:13px; } .snooth-bubble .bubble-mid a.bubble-close:hover { background-position: -532px -14px; } .snooth-bubble .bubble-mid p.bottom-line a, .snooth-bubble .bubble-mid .bubble-btn { line-height:50px; background:transparent url(http://em1.isnooth.com/images/bubble-sprite2.gif) no-repeat scroll -495px -167px; border-bottom:1px solid #96b884; border-top:1px solid #a1d186; border-left:1px solid #b6d4a4; border-right: 1px solid #b8d7a5; -moz-border-radius: 5px; -webkit-border-radius: 5px; display:inline; padding:5px 10px; color:#2d6e05 !important; font-weight:bold !important; font-style:normal !important; text-decoration:none !important; margin-top:12px; } .snooth-bubble .bubble-mid p.bottom-line a:hover, .snooth-bubble .bubble-mid .bubble-btn:hover { background:transparent url(http://em1.isnooth.com/images/bubble-sprite2.gif) no-repeat scroll -495px -121px; border-bottom:1px solid #96b884; border-top:1px solid #a1d186; border-left:1px solid #b6d4a4; border-right: 1px solid #b8d7a5; -moz-border-radius: 5px; -webkit-border-radius: 5px; display:inline; padding:5px 10px; color:#2d6e05 !important; font-weight:bold !important; } /* Email test - 3/10 */ #email-signup-bubble { background:url(http://em2.isnooth.com/images/bubble-email-topright.jpg) no-repeat scroll right top #ffffff; padding-bottom:20px; zoom:1; } #email-signup-bubble h4 { border-bottom:0px; font-size:17px; color:#648d00; } #email-signup-bubble p { padding-right:119px; font-size:13px; } #email-signup-bubble .bubble-form-row { margin:0px 0px 0px 20px; } #email-signup-bubble .bubble-email { border:1px solid black; border-color:#858585 #b8b8b8 #b8b8b8 #858585; font-size:13px; padding:5px 2px; } #email-signup-bubble .btn { color:white; text-decoration:none; font-size:13px; padding:5px 10px 6px; background-color:#5f9144; border-width:1px; border-style:solid; -moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border-color:#54803c #3e5e2c #3e5e2c #54803c;} } #email-signup-bubble .btn:hover {background-color:#54803c; color:white !important; cursor:pointer; } /*email signup form*/ #mail-list-fm p { margin-bottom:7px; } #mail-list-fm fieldset { overflow:hidden; margin-bottom:10px; } #mail-list-fm p.fineprint { font-family:arial, san-serif; font-size:.85em; text-align:center; margin-bottom:0px; } #mail-list-fm p.fineprint a { color:#343d2a; text-decoration:underline; } /*Mini Bubble*/ #mini-bubb #bubbleholder { position: fixed; right: 50% !important; width:310px !important; z-index:8000; margin-right:-485px !important; background:transparent url(http://em1.isnooth.com/images/mini-bubble-sprite.png) repeat-x scroll left bottom !important; height:47px !important;} #mini-bubb #bubbleholder p { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:12px; line-height:14px; color:#444444; font-family:inherit !important; left:auto !important; padding:0px 20px 0px 0px; margin:12px 0px 0px 15px !important; position:relative !important; top:auto !important; width:auto !important; } #mini-bubb #bubbleholder p a { font-weight:bold; } #mini-bubb #bubbleholder p .closeme { float:right; width:14px; height:16px; background:transparent url(http://em1.isnooth.com/images/mini-bubble-sprite.png) repeat-x scroll -730px -13px; text-indent:-9999px; } #mini-bubb #bubbleholder p .closeme:hover { background-position:-764px -13px; } /*-------------------------------------------------------------------------------- Buttons --------------------------------------------------------------------------------*/ .buttons a, .buttons button{ display:block; float:left; margin:0 7px 0 0; background-color:#f2f2f2; border:1px solid #9e9e9e; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; line-height:127%; text-decoration:none; font-weight:normal; color:#565656; cursor:pointer; padding:3px 8px 4px 6px; /* Links */ font-size:.9em; } .buttons button{ width:auto; overflow:visible; } .buttons button[type]{ padding:2px 7px 3px 3px; /* Firefox */ line-height:17px; /* Safari */ } .buttons button span, .buttons a span{ margin:0 3px -5px 0 !important; padding:0; border:none; width:16px; height:16px; text-decoration:none !important; display:inline-block; } .buttons a:hover, .buttons button:hover { background-color:#d4d4d4; } .buttons span { background: transparent url(http://em1.isnooth.com/images/vim/sprite-icons.sr12601.png) 0 0 no-repeat; } .buttons .btn-green { background-color:#EBFAE8; border-color:#cae0c5 #9E9E9E #9E9E9E #cae0c5; color:#3F5E2C; } .buttons .btn-green:hover { text-decoration:none; background-color:#7cb362; border-color:#517541; color:white; } .buttons .btn-dark-green { background-color:#5f9144; border-color:#6e9962 #3e5e2c #3e5e2c #6e9962; color:white; } .buttons .btn-dark-green:hover { text-decoration:none; background-color:#4f7838; color:white; } .buttons .btn-red { background-color:#cf4040; border-color:#fff0f0 #995151 #995151 #fff0f0; color:white; } .buttons .btn-red:hover { text-decoration:none; background-color:#b33e3e; color:white; } .buttons span.icon-email{ background-position:-5px -5px; } .buttons span.icon-email-signup { background-position:-33px -4px; } .buttons span.icon-shop { background-position:-93px -4px; } .buttons span.icon-refine { background-position:-126px -4px; } .buttons span.icon-search { background-position:-210px -4px; } .buttons span.icon-upload { background-position:-245px -4px; } .buttons span.icon-delete { background-position:-269px -4px; } .buttons span.icon-edit { background-position:-294px -4px; } .buttons span.icon-check { background-position:-32px -4px; } .buttons span.icon-login { background-position:-723px -4px; } .buttons span.icon-create-account { background-position:-688px -3px; } .buttons span.icon-add-comments { background-position:-857px -4px; } .buttons span.icon-write-new { background-position:-886px -4px; } .buttons span.icon-arrow-left { background-position:-916px -4px; } .buttons-centered { float:left; left:50%; margin:4px 0 0; position:relative; z-index:1; } .buttons-centered .buttons { left:-50%; position:relative; z-index:1; } .buttons-centered .buttons a, .buttons-centered .buttons button { margin-right:0px; } .buttons.mini { float:left; } .button { text-align:center; font-weight:bold; color:white; text-decoration:none; font-size:12px; padding:5px 10px 5px; background: url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll 0px -372px #5f9144; border-width:1px; border-style:solid; -moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border-color:#54803c #3e5e2c #3e5e2c #54803c; white-space:nowrap; } .button:hover {background-color:#54803c; color:white; cursor:pointer; text-decoration:none;} .button.button-red { background-position:0px -419px; background-color:#b32b2c; border-color:#9f2727 #771f1f #771f1f #9f2727; } .button.button-red:hover { background-color:#961b1c; } .button.button-gray { background-position:0px -470px; background-color:#8b8b8b; border-color:#7e7e7e #626262 #626262 #7e7e7e; } .button.button-gray:hover { background-color:#757575; } /*-------------------------------------------------------------------------------- Box Styles --------------------------------------------------------------------------------*/ .box-top { background:transparent url(http://em1.isnooth.com/images/box-top-btm.gif) no-repeat scroll left top; border:0 none; margin:0; padding:0; } .box-top-green { background:transparent url(http://em2.isnooth.com/images/box-green-top-btm.gif) no-repeat scroll left top; border:0 none; margin:0px 0px -6px 0px; padding:0; } .box-top-rt { background:transparent url(http://em1.isnooth.com/images/box-top-btm.gif) no-repeat scroll right top; border:0 none; margin:0 0 0 10px; padding:0 10px 0 0; position:relative;} .box-top-green .box-top-rt { background:transparent url(http://em2.isnooth.com/images/box-green-top-btm.gif) no-repeat scroll right top; border:0 none; margin:0 0 0 10px; padding:0 10px 0 0; } .box-mid { background:transparent url(http://em1.isnooth.com/images/box-mid.gif) repeat-y scroll left top; margin:0px 0px 0px 0px; padding:0; } .box-mid-green { background:transparent url(http://em2.isnooth.com/images/box-green-mid.gif) repeat-y scroll left top; margin:0px 0px 0px 0px; padding:0; } .box-mid-rt { background:transparent url(http://em1.isnooth.com/images/box-mid.gif) repeat-y scroll right top;margin:0 0 -11px 10px; padding:8px 10px 4px 0; } .box-mid-green .box-mid-rt { background:transparent url(http://em2.isnooth.com/images/box-green-mid.gif) repeat-y scroll right top;margin:0 0 -4px 10px; padding:8px 10px 4px 0; } .box-btm { background:transparent url(http://em1.isnooth.com/images/box-top-btm.gif) no-repeat scroll left bottom; margin:0 0 20px; padding:0; } .box-btm-green { background:transparent url(http://em2.isnooth.com/images/box-green-top-btm.gif) no-repeat scroll left bottom; margin:0 0 20px; padding:0; } .box-btm-rt { background:transparent url(http://em1.isnooth.com/images/box-top-btm.gif) no-repeat scroll right bottom; border:0 none; margin:0 0 0 10px; padding:0 10px 0 0; } .box-btm-green .box-btm-rt { background:transparent url(http://em2.isnooth.com/images/box-green-top-btm.gif) no-repeat scroll right bottom; border:0 none; margin:0 0 0 10px; padding:0 10px 0 0; } .box-btm, .box-btm-rt { font-size:1px; height:27px; line-height:18px; } /* Box Styles Overrides (Move to content.css) */ .box-top h2 { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; color:#4C4C4C; font-size:1.1em; letter-spacing:0; margin:0; padding:12px 10px 7px 0; width:auto; position:relative; } .box-top a, .box-top-rt h2 span.box-top-rt-rt { position:absolute; right:0px; top:13px; } .box-top-rt h2 { color:white; padding:8px 10px 7px 0; font-size:1em; } .box-top-rt a, .box-top-rt h2 span.box-top-rt-rt { color:white; text-decoration:underline; font-weight:normal; top:7px; line-height:14px; font-size:.85em; } .box-top-rt a:hover { color:white; text-decoration:none;} .box-top-rt h2 span.box-top-rt-rt { text-decoration:none; } .box-top a.keep-left { position:inherit; right:auto; top:auto; } div.box-top-rt-rt { float:right; display:inline; margin-top:5px; } /*-------------------------------------------------------------------------------- Divider Bar Styles --------------------------------------------------------------------------------*/ .bar { background-color:#ebfae8; border-top:1px solid #9ac484; border-bottom:1px solid #9ac484; padding:5px 6px; margin-bottom:22px; } .bar-lt { float:left; display:inline; } .bar-rt { float:right; display:inline; text-align:right; } .bar-lt, .bar-rt { color:#3f5e2c; font-size:.9em; } .bar h3 { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:1em; font-weight:bold; margin-bottom:0; padding-bottom:0px; color:#4d4d4d; } .bar a { text-decoration:underline; } .bar .scroll-to-top { line-height:20px; } .bar.results h3 { font-size:1.3em; } .bar.results .bar-rt { line-height:15px; } .bar-lt p { line-height:20px; } /*Vertically align text in taller bar */ /* Subnav (On old groups design as of nov 2009 */ .nav-horiz-small { font-size: .9em; list-style:none; height:25px; margin:0px 0px 15px 0px; padding:0px; float:left; background: transparent url(http://em1.isnooth.com/images/v2/global/nav-horiz-small-bg.gif) repeat-x scroll bottom left; } .nav-horiz-small .nav-horiz-small-rt-edge { width:57px; height:25px; margin:0px; padding:0px; float:left; background: transparent url(http://em2.isnooth.com/images/v2/global/nav-horiz-small-rt-edge.gif) repeat-x scroll bottom left; } .nav-horiz-small a { float:none; } .nav-horiz-small li { display:block; float:left; margin:0px 0px 0px 0px; padding:0px; line-height:0px; } .nav-horiz-small li.current, .nav-horiz-small li:hover, .nav-horiz-small li.over { background:url(http://em1.isnooth.com/images/v2/global/nav-horiz-small-rt.gif) no-repeat scroll top right; } .nav-horiz-small li a { display:block; margin:0px 0px 0px 0px; padding:11px 13px 10px; line-height:5px; text-decoration:none; } .nav-horiz-small li.current a, .nav-horiz-small li a:hover { color:#565656; background:url(http://em2.isnooth.com/images/v2/global/nav-horiz-small-lt.gif) no-repeat scroll top left; } /* Standard Form V3 - remove and optimize */ .standard_form_v3 h4, #groups .sent_items h4 { font-weight:bold; color:#648444; border-bottom:1px solid #a0a29a; margin:1.3em 0em 1em 0em; padding-bottom:.3em; } .standard_form_v3 .form_row { margin:0px 10px 9px 9px } .standard_form_v3 fieldset label { float:left; display:block; font-size:1.1em; color:#808080; margin:.3em 0 0.5em } .standard_form_v3 .form_row input, .standard_form_v3 .form_row textarea, .standard_form_v3 .form_row select { border:1px solid #c6c8c1; background: none !important; background-color:white !important; width:357px; padding:4px; margin:0px 0px 0px 0px; font-size:1.2em;} .standard_form_v3 .form_row input.checkbox { width:20px; margin:2px 6px 0px 0px; float:left; border:none; } p.checkbox-label { margin-left:25px; } p.acct_text { margin-bottom:10px; color:#555555; line-height:1.3em; } .standard_form_v3 .btn { float:left; padding:0px 0px 7px 0px; margin:10px 0px 0px 166px; } .notice_banner { background-color:#f6f398; border: 2px solid #bb9a6a; text-align:center; padding:10px; margin-bottom:10px; } .error_banner { background-color:#ea9aa7; border: 2px solid #bb9a6a; text-align:center; padding:10px; margin-bottom:10px; } .standard_form_v3 .required { background: transparent url(http://em1.isnooth.com/images/required.gif) top right no-repeat; } #groups .sent_items ul { font-size:1.3em; } #groups .sent_items ul li { margin-bottom:10px; font-style:italic !important; list-style-type:square; margin-left:15px; } .standard_form_v3 .character_counter { float:right; } .standard_form_v3 #countdown { border: medium none; font-size:inherit; width:21px; } .standard_form_v3 .new { padding-left:9px; color:#B73B5F; font-weight:bold; } /* Gray Box and Form Data - used in notes-import.html and possibly signup/in */ .classic .graybox { font-size:1.2em; } .graybox { 0px 0px 13px 0px; } .wide { width: 618px; background: transparent url(http://em2.isnooth.com/images/groups/grey-box-bg.gif) 0 0 repeat-y; } .graybox-content { position: relative; padding-bottom: 9px; } .wide .graybox-content { background: transparent url(http://em1.isnooth.com/images/groups/grey-box-btm.gif) 0 bottom no-repeat; } .graybox-top { height: 18px; } .wide .graybox-top { width: 618px; background: transparent url(http://em2.isnooth.com/images/groups/grey-box-top.gif) 0 0 no-repeat; } .graybox-inner { float:left; border:1px solid #cbcbcb; margin:0px 0px 20px 20px; padding:13px; } .wide .graybox-inner { width:333px; } .graybox-alert { padding:10px; border:1px solid; margin-bottom:10px; } .overlay-alert { padding:10px; border:1px solid; margin-bottom:10px; } .red { border-color:#c48d9d; background-color:#ffbdbd; color:#612838; } .red a { color:#612838; } .graybox.share { width:471px; } .graybox.share .graybox-inner { float:none; } .graybox.share input.field, .graybox.share textarea { margin:4px 0px; float:none; width:97%;} .graybox.share textarea { background-color:#F7FBF1; border:1px solid #C1CCAF; font-size:1.2em; padding:5px; background-image:none !important; } .graybox.share input.btn { display:block; margin:10px auto; } .header-mini { font-weight:bold; color:#648444; border-bottom:1px solid #a0a29a; margin:1.3em 0em .8em 0em; padding-bottom:.3em; } .graybox input.field, .overlay.bubble-form input.field, .graybox textarea.field, .overlay.bubble-form textarea.field { background-color:#f7fbf1; border:1px solid #c1ccaf; font-size:1.2em; padding:5px; margin:0px 0px 0px 10px; } .graybox input.field, .overlay.bubble-form input.field, .graybox textarea.field, .overlay.bubble-form textarea.field { width:300px; } .graybox input.field.half { width:137px; } .clarify { color:#999999; text-align:center; font-size:.9em; font-style:italic; line-height:1.3em; margin:5px auto 0px auto; } .form-row-mini { margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; float:left; } .form-row-mini input { margin:2px 5px 0px 0px; padding:0px 0px 0px 0px; display:block; float:left; clear:left; } .form-row-mini label { margin:2px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; float:left; } .graybox-content-right { float:right; margin:-15px 20px 0px 0px; } .wide .graybox-content-right { width:205px; } .btn.submit { width: 71px; height: 26px; display:block; margin: 20px auto 10px auto !important; background: transparent url(http://em1.isnooth.com/images/v2/global/btn-submit.gif) 0 -26px no-repeat; text-indent: -5000px; text-transform:uppercase; } .btn.submit:hover { background-position: 0 0px; } .autocompleter-loading { padding-left: 10px; } /* Site Banners */ .link-suggestion { background:transparent url(http://em2.isnooth.com/images/link-suggestion.png) no-repeat scroll left top; padding:3px 0px 10px 100px; line-height:1.4em; margin-top:6px; } .note-import { background:transparent url(http://em1.isnooth.com/images/note-import.png) no-repeat scroll -3px 0px; padding:3px 0px 10px 101px; line-height:1.4em; margin-top:6px; } .missing-wine { background:transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll -1688px -285px; padding:0px 0px 0px 52px; line-height:1.4em; margin-top:6px; } } /*################################################################################ Page Specific Styles ################################################################################*/ /*-------------------------------------------------------------------------------- Home --------------------------------------------------------------------------------*/ .box-mid .links-list ul { margin-bottom:15px; } .box-mid .links-list li { line-height:1.3em; } .box-mid .links-list .links-list-subhead a { color:#4d4d4d; font-weight:bold; background-image:none; margin-top:6px; font-size:.85em; } .box-mid .links-list .links-list-subhead a:hover { color:#7ABD33; } .box-mid .links-list li a { background:transparent url(http://em2.isnooth.com/images/vim/sprite-horiz.sr9792.gif) no-repeat scroll 129px center; border-bottom:1px solid #D5DACD; display:block; padding:2px 8px 2px 0; font-size:.9em; } .box-mid .links-list li a:hover { background-position: -141px center; } .box-mid .links-list h3 { background-color:#CF4249; color:white; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:1em; margin:0px -5px 6px -7px; padding:7px 0 7px 7px; } .box-mid .links-list h3.browse-reds { background-color:#9c4e9c; } .box-mid .links-list h3.browse-whites { background-color:#c7fa5a; color:#3d4a22; } .box-mid .links-list h3.browse-regions { background-color:#5bb5a6; } .featured-home dl { margin-left:167px; } .featured-home dl dt { display:inline; float:left; line-height:1.1em; overflow:hidden; padding:0 0 5px; width:72px; } .featured-home dl dd { display:inline; float:left; line-height:1.1em; margin-left:12px; padding:0 0 5px; width:187px; } .featured-home .item-results-image a { width:152px; } .featured-home h4.title { font-size:1.4em; } .featured-home h4.title, .featured-home span.subtitle { margin-left:0px; } .featured-home span { margin: 0px 0px 9px 0px } .featured-home span.subtitle em { font-style:normal; text-decoration: line-through; } .featured-home span.subtitle strong { color:#7f1c1c; } .featured-home .group-home img { max-width:144px; max-height:150px; } .item-results.articles-home, .item-results.features-home { width:99999px; } .item-results.articles-home li, .item-results.features-home li { float:left; display:inline; clear:none; } .item-results.articles-home li, .item-results.features-sidebar li { width:280px; margin-right:15px; } .item-results.features-home li, .item-results.features-sidebar li { width:453px; margin:0px 15px 0px 0px; padding:0px; } .item-results.big-image { width:auto; } .item-results.big-image { width:272px; } .item-results.big-image li { width:272px; } .item-results.big-image h4.title, .item-results.big-image span.subtitle { margin-left:104px; } .home .box-mid-rt .mask { overflow:hidden; width:280px; } .home .features-gallery .mask { overflow:hidden; width:453px; } .features-gallery li { border-bottom:none; } .gallery-nav { margin:0px 40px; overflow:hidden; font-size:.85em; } .gallery-nav li { float:left; margin:0px 0px; } .gallery-nav ul { float:left; margin:0px 0 0 6px; width:126px; } .gallery-nav li a { display:block; width:30px; height:30px; background:transparent url(http://em1.isnooth.com/images/vim/sprite-icons.sr12601.png) no-repeat scroll -172px 3px; text-indent:-9999px; } .gallery-nav li a.current, .gallery-nav li a:hover { background-position: -149px 3px; } .gallery-nav .btn-prev, .features-gallery .btn-prev, .gallery-nav .btn-next, .features-gallery .btn-next { float:left; margin-top:9px; } .features-gallery .gallery-nav .btn-prev, .features-gallery .gallery-nav .btn-next, .features-gallery .gallery-nav ul { position:relative; z-index:2; } .features-gallery .gallery-nav { bottom:1px; margin:0 auto; padding:0 20px; position:absolute; z-index:1; } .features-gallery .gallery-nav-bg { background-color:white; height:30px; margin-left:-20px; opacity:0.7; position:absolute; width:255px; z-index:1; } .features-gallery .box-btm.greenbox, .features-gallery .box-btm.greenbox .box-btm-rt { height:4px; } .features-gallery .box-top-green { margin-bottom:-10px; } .features-gallery .box-mid-green { margin-bottom:0px; } .features-gallery .box-mid-green .box-mid-rt { margin-left:4px; padding-bottom:0; margin-bottom:0px; padding-right:6px; padding-top:0; position:relative; } .features-gallery .box-btm-green, .features-gallery .box-btm-green .box-btm-rt { height:4px; } .signup-homepage { padding:0px 0px 0px 0px; } .acct-box-home p { margin:0px 0px 10px; font-size:.87em;} .signup-homepage p.last { margin:9px 0 0px; text-align:center; } .acct-box-home input, #mail-list-em, .forum_search, .article_search { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border:1px solid #9BAC7E; } .acct-box-home input, .forum_search, .article_search, #mail-list-em, #sstr { display:block; font-size:1em; margin:0 0 0; padding:3px 5px; width:122px; } #mail-list-em { display:block; float:left; font-size:1em; margin:0 6px 0 0; width:174px; } /* span#search { float:right; display:inline; width:300px; border:1px solid black;} */ #sstr { float:right; display:inline; width:300px; border-color:#949494 #e0e0e0 #e0e0e0 #949494; margin:0 10px 0 0; padding:1px 5px 3px; font-size:15px; } .instr { color:#b0b0b0; } .signup-homepage input.checkbox, .signup-homepage label.checkbox { border:medium none; display:inline; margin:0; padding:0; text-align:left; width:auto; } .signup-homepage label.checkbox { margin-left:3px; } .signup-homepage .login_btn { margin-left:30px; } .wine-review.feat-home { margin-top:10px; margin-bottom:10px;} .wine-review.feat-home .wine-review-callout { width:349px; } .wine-review.feat-home .wine-review-callout, .wine-review.feat-home .wine-review-callout-bottom { background-image: url(http://em2.isnooth.com/images/v2/content/review-bg-349.gif); } .acct-hdr { font-weight:bold; font-size:.85em; margin-bottom:6px; } .acct-links { font-size:.85em; font-weight:bold; border-bottom:1px dotted #666666; margin-bottom:10px; padding-bottom:4px; } .acct-links li { margin-bottom: 5px; } .home-partners li { float:left; display:inline; width:214px; } .home-partners li.first { background: transparent url(http://em2.isnooth.com/images/vim/sprite-horiz.sr9792.gif) -380px 0px repeat-y; margin:0px 8px 0px 6px; } .home-partners .home-partner-img { display:block; width:201px; height:59px; background: transparent url(http://em1.isnooth.com/images/vim/home-sprite1.sr9286.gif) -397px -154px no-repeat; text-indent:-9999px; margin:0px 0px 9px 0px;} .home-partners .home-partner-img.epi { background-position:-396px -131px; } .home-partners .home-partner-img.ws { background-position:-396px -201px; } .home-partners h3 { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:1em; font-weight:bold; margin-bottom:3px;} .home-partners p { font-size:.9em; } .home-partners li.first h3, .home-partners li.first p { padding-right:10px; } .home-btns-btm { height:75px; width:974px; margin:29px auto -13px; } .home-btns-btm li { float:left; display:inline; margin-right:17px; } .home-btns-btm li a { display:block; width:226px; height:76px; background: transparent url(http://em1.isnooth.com/images/vim/home-sprite1.sr9286.gif) 0px 0px no-repeat; text-indent:-9999px; } .home-btns-btm li.home-btn-partners a { background-position:-387px -377px; } .home-btns-btm li.home-btn-iphone a { background-position:-387px -554px; } .home-btns-btm li.home-btn-press a { background-position:-387px -290px; } .home-btns-btm li.home-btn-twitter a { background-position:-387px -465px; } #teaser-banner { position:relative; width:300px; height:350px; margin-bottom:15px; } #teaser-banner h2 { text-indent:-9999px; background:transparent url(http://em1.isnooth.com/images/vim/home-sprite1.sr9286.gif) no-repeat scroll -12px -18px; width:auto; } #teaser-banner p { text-align:center; color:#666666; font-size:1em; padding:0px 7px 10px 7px; } #teaser-banner .teaser-buttons { position:relative } #teaser-banner a.learn-more, #teaser-banner a.sign-up { display:block; position:absolute; width:121px; height:49px; top:0px; } #teaser-banner a.learn-more { left: 9px; background:transparent url(http://em1.isnooth.com/images/vim/home-sprite1.sr9286.gif) no-repeat scroll -24px -179px } #teaser-banner a.sign-up { left: 163px; background:transparent url(http://em1.isnooth.com/images/vim/home-sprite1.sr9286.gif) no-repeat scroll -177px -179px } #teaser-banner a.learn-more:hover { background-position:-24px -131px } #teaser-banner a.sign-up:hover { background-position:-177px -131px; } /* tip widget style overrides */ .home #__sn_tw { margin:0px 0 0; } .home #__sn_tw .sn-m p { margin:0px; border-bottom:0px; } .home #__sn_tw .sn-t, .home #__sn_tw .sn-b { display:none; } .home #__sn_tw .sn-m { background:none; margin:0px; border:none; } .home .sn-m #embed-link { left:98px !important; } .home #__sn_tw .sn-m .sn-nav { height:17px; border-top:none; top:3px; } .home #__sn_tw h4, .home .sn-m #snooth-link { display:none; } .home #__sn_tw p { font-family:inherit !important; font-size:13px !important; line-height:1.3em !important; color:inherit !important; padding:3px 6px 0 !important; text-shadow:none !important; } #home-wine-talk .title, #home-wine-talk .subtitle { margin-left:0px; } #home-recommended-wines .box-top-rt a { right:14px; } .featured-home span.link-embed { margin-left:auto; margin-right:auto; } .right-col-home #teaser-banner p { text-align:left; } /*-------------------------------------------------------------------------------- Search, Details, Buy --------------------------------------------------------------------------------*/ /* BUTTONS */ .btn-compare-prices { display: block; width: 115px; height: 24px; text-indent: -5000px; background: transparent url(http://em2.isnooth.com/images/v2/content/btn-compare-prices.gif) 0 0 no-repeat; } .btn-compare-prices:hover { background-position: 0 -24px; } .btn-add-to-wishlist { display: block; width: 94px; height: 18px; text-indent: -5000px; background: transparent url(http://em1.isnooth.com/images/v2/content/btn-add-to-wishlist.gif) 0 0 no-repeat; } .btn-add-to-wishlist:hover { background-position: 0 -18px; } .btn-compare-prices-sml { display: block; width: 94px; height: 20px; text-indent: -5000px; background: transparent url(http://em2.isnooth.com/images/v2/content/btn-compare-prices-sml.gif) 0 0 no-repeat; } .btn-compare-prices-sml:hover { background-position: 0 -20px; } .btn-save-sml { display: block; width: 41px; height: 20px; text-indent: -5000px; background: transparent url(http://em1.isnooth.com/images/v2/content/btn-save-sml.gif) 0 0 no-repeat; } .btn-save-sml:hover { background-position: 0 -20px; } .btn-go-sml { display: block; width: 25px; height: 23px; text-indent: -5000px; background: transparent url(http://em2.isnooth.com/images/v2/content/btn-go-sml.gif) 0 0 no-repeat; cursor: pointer; } .btn-go-sml:hover { background-position: 0 -23px; } .btn-no-prices { display: block; width: 115px; height: 24px; text-indent: -5000px; background: transparent url(http://em1.isnooth.com/images/v2/content/btn-not-in-stock.gif) 0 0 no-repeat; } .btn-no-prices:hover { background-position: 0 -24px; } .no-prices { background: transparent url(http://em1.isnooth.com/images/v2/content/btn-not-in-stock.gif) 0 0 no-repeat; } .no-prices:hover { background-position: 0 -24px; } .btn-no-prices-sml { display: block; width: 94px; height: 20px; text-indent: -5000px; background: transparent url(http://em2.isnooth.com/images/v2/content/btn-not-in-stock-sml.gif) 0 0 no-repeat; } .btn-no-prices-sml:hover { background-position: 0 -20px; } /* Reusable Text-Based Buttons 2/09 */ .btn-wide { display:block; width:138px; background: transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll -486px -853px; } .btn-wide, .btn-wide a { height:26px; } .btn-wide:hover { background-position: -486px -931px; text-decoration:none !important; } .btn-wide.green { background-position: -638px -853px; } .btn-wide.green:hover { background-position: -638px -931px; text-decoration:none !important; } .btn-wide.no-prices { background-position: -486px -891px; } .btn-wide.no-prices:hover { background-position: -638px -891px; text-decoration:none !important; } .btn-wide .btn-txt { display:block; color:white; font-family: Arial, sans-serif; font-size:.8em; font-weight:bold; text-align:center; } .btn-wide .btn-txt.lrg { font-size:1em; padding-top:7px; } .btn-wide .btn-txt.med { font-size:.8em; padding-top:8px; } .btn-wide .btn-txt.sm { font-size:.75em; padding-top:8px; } .btn-desc { margin:2px 0px 0px 16px; font-size:.9em; font-style:italic; color:#777777;} .merch_btm .btn-desc { margin:2px 0px 0px 2px; text-align:center; line-height:1.2em;} /* ICONS w/ Alt Help Text */ a.icon, a.icon img { padding: 0 !important; border: none !important; } a.icon { position: relative; } a.icon em { position: absolute; display: none; width: 125px; padding: 6px 4px 12px 4px; font-size: 11px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; color: #eee; text-align: center; background: transparent url(http://em1.isnooth.com/images/v2/content/icon-bubble.gif) center bottom no-repeat; } a.icon:hover em { display: block; bottom: 25px; left: -58px; } /* INTERACT (corkscrew) button */ #corkscrew { position:relative; } #corkscrew.wide { width:95px; margin:8px 0px 0px; } .interact-icon { float:right; background:transparent url(http://em2.isnooth.com/images/v2/content/corkscrew.gif) no-repeat scroll 0 0; width:22px; height:21px; cursor:pointer !important; z-index:1; } #corkscrew.wide a.interact-icon { float:left; background:transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll -855px -217px; width:95px; height:21px; cursor:pointer !important; z-index:1; } .wd-gutter #corkscrew.wide { position:relative; bottom:inherit; left:inherit; width:95px; } .wd-gutter #corkscrew.wide a.interact-icon { float:left; background:transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll -855px -217px; width:95px; height:21px; cursor:pointer !important; z-index:1; } a.interact-icon:hover { background-position: -855px -238px; } #corkscrew.wide a.interact-icon:hover { background-position: -855px -238px; } div.interact-tool { background:transparent url(http://em1.isnooth.com/images/v2/global/location-select-btm.png) no-repeat scroll 0 bottom; width:229px; position:absolute; top:-13px; right:25px; z-index:1; } .class div.interact-tool { font-size: 1.3em; } .classic div.interact-tool { font-size: 1.2em; } #corkscrew.wide div.interact-tool { background:transparent url(http://em1.isnooth.com/images/v2/global/location-select-btm.png) no-repeat scroll 0 bottom; width:229px; position:absolute; top:-12px; right:-231px; z-index:1; } div#int-tool-content { background:transparent url(http://em2.isnooth.com/images/v2/content/interact-top.png) no-repeat scroll 0 0; padding:15px 0px 0px 17px; width:229px; margin:0px 0px 18px 0px; } #corkscrew.wide div#int-tool-content { background:transparent url(http://em1.isnooth.com/images/v2/content/interact-top-right.png) no-repeat scroll 0 0; padding:15px 0px 0px 25px; width:229px; margin:0px 0px 18px -8px; text-align:left; } div#int-tool-content a.interact-close, .interact-close { float:right; display:block-inline; margin-right:40px; background:transparent url(http://em1.isnooth.com/images/v2/global/bubble-close.gif) no-repeat scroll 0 0; text-indent: -5000px; height:11px; width: 44px; cursor:pointer; } div#int-tool-content a.interact-close:hover, .interact-close:hover { background-position: 0px -11px; } div#int-tool-content h3 { font-size:1.1em; font-weight:bold; margin:10px 45px 0px 0px; padding:0px 0px 5px 0px; border-bottom: 1px solid #b2b2b2; } div#int-tool-content div.interact-row { border-bottom:1px solid #e5e5e5; margin:0px 45px 0px 0px; padding:3px 0px 3px 0px; } div#int-tool-content div.interact-row input { margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; font-size:1em; } div#int-tool-content div.interact-row input.text { width:20px; border:1px solid #ebebeb; padding:2px; } div#int-tool-content div.interact-row input.cellar-location { width:86px; } div#int-tool-content div.interact-row input.cellar-save { display:inline; margin-bottom:10px; margin-top:5px; } div#int-tool-content { background:transparent url(http://em1.isnooth.com/images/v2/content/interact-top-right.png) no-repeat scroll 0 0; padding:15px 0px 0px 25px; width:229px; margin:0px 0px 18px -8px; text-align:left; } /* FEAT TOOL */ .btn-compare-prices-wrapper { position:relative; } div.featured-merchants-tool { background:transparent url(http://em2.isnooth.com/images/v2/global/bubble-btm-wide.png) no-repeat scroll 0 bottom; width:439px; position:absolute; top:23px; left:50%; margin-left:-189px; z-index:70 !important; } div#feat-tool-content { background:transparent url(http://em1.isnooth.com/images/v2/global/feat_merch_top2.png) no-repeat scroll 0 0; float:left; display:inline; padding:25px 0px 0px 17px; width:439px; margin:0px 0px 18px 0px; } div#feat-tool-content a.interact-close { float:right; display:block-inline; margin-right:40px; background:transparent url(http://em1.isnooth.com/images/v2/global/bubble-close.gif) no-repeat scroll 0 0; text-indent: -5000px; height:11px; width: 44px; cursor:pointer; } div#feat-tool-content a.interact-close:hover { background-position: 0px -11px; } div#feat-tool-content h3 { font-size:1.4em; margin:10px 40px 0px 0px; padding:0px 0px 5px 0px; border-bottom: 1px solid #b2b2b2; } div#feat-tool-content .feat-merch-row { padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; font-size:1.1em; float:left; display:inline; border-bottom:1px solid #cbcbcb; } div#feat-tool-content .feat-merch-row .store { display:block; float:left; display:inline; width:180px; margin-right:5px; padding:4px 0px 0px 0px; font-size:1.1em; } div#feat-tool-content .feat-merch-row .size { display:block; float:left; display:inline; width:45px; font-size:1.0em; margin-right:2px; padding:5px 0px 0px 0px; } div#feat-tool-content .feat-merch-row .price { display:block; float:left; display:inline; width:65px; font-size:1.0em; color:green; margin-right:5px; padding:5px 0px 0px 0px; font-weight:bold; } div#feat-tool-content .feat-merch-row .price sup { color:green; font-weight:bold; } div#feat-tool-content .feat-merch-row a.buy-it-now { display:block; float:left; display:inline; width:94px; height:22px; background:transparent url(http://em2.isnooth.com/images/v2/global/btn_buy_it_now_sprite.gif) no-repeat scroll 0 -22px; font-size:.9em; margin-right:5px; } div#feat-tool-content .feat-merch-row a.buy-it-now:hover { background-position: 0px 0px; } div#feat-tool-content p.pagination { display:block; clear:both; padding:15px 30px 0px 0px; margin-bottom:10px; } a#comp-prices-subnav { position:relative; } .details-btn { position:relative; z-index:1; } .details-btn .featured-merchants-tool { margin-left:-205px; top:20px; } /* Location Select tool in Search Results Page - 12/08 */ .search-location-tool select { width: 186px; margin: 0 10px 0px 1px; font-size: .9em; position:relative; top:0px;} .search-location-tool input.text { width: 55px; margin: 0px 0px 0px 0px !important; position:relative; top:-3px; font: normal 1.1em/1em Helvetica, "Helvetica Neue", Arial, sans-serif; letter-spacing: 0px; color: #555; height: 10px;} .search-location-tool input.btn.set-location { width: 82px; height: 20px; position:relative; top:-1px; margin: 0px 0px 0px 8px; background: transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll -157px -170px; text-indent: -5000px; } .search-location-tool input.btn.set-location:hover { background-position: -157px -150px; } .location-select { position: absolute; left: 744px; top: 10px; } .location-select p { font-size: 10px; line-height: 12px; font-weight: bold; color: #466c2e; } .location-select p em { color: #9db57c; font-weight: bold; } .location-select a { font-weight: bold; text-decoration: none !important; } .location-tool { position: absolute; top: -26px; left: -231px; z-index: 1000; width: 229px; margin-top: 15px; padding: 0 0 18px 0; background: transparent url(http://em1.isnooth.com/images/v2/global/location-select-btm.png) 0 bottom no-repeat; } .location-tool form { width: 229px; padding: 15px 0 0 17px; background: transparent url(http://em2.isnooth.com/images/v2/global/location-select-top.png) 0 0 no-repeat; } .location-tool select { width: 184px; margin: 0 0 7px 1px; font-size: 1.1em; } #search .location-tool form input.text { float: none; width: 84px; margin: 0 0 6px 46px; padding: 4px; font-size: 1.2em; border: 1px solid #eee; border-top: none; border-left: none; } #loc-zip { width:55px !important; position:relative; top:-1px; } .location-tool input.btn.set-location { float: none; display: block; width: 121px; height: 19px; margin-left: 32px; background: transparent url(http://em1.isnooth.com/images/v2/global/btn-set-location.gif) 0 0 no-repeat; text-indent: -5000px; } .location-tool input.btn.set-location:hover { background-position: 0 -19px; } #top-slot { float: right; width: 80px; margin: .3em 0; padding-top: .5em; text-align: right; } #top-slot .social-item { float: right; position: relative; } .social-tool { position: absolute; top:-17px; left: 119px; z-index: 1000; width: 229px; margin-top: 15px; padding: 0 0 18px 0; background: transparent url(http://em1.isnooth.com/images/v2/global/location-select-btm.png) 0 bottom no-repeat; } .social-tool form { width: 217px; padding: 15px 0 0 17px; text-align: left; background: transparent url(http://em2.isnooth.com/images/v2/global/location-select-top.png) 0 0 no-repeat; } .social-tool form label { display: block; padding: 4px 0 2px 0; font-weight: bold; font-style: italic; color: #999; } .social-tool form input.text { float: none; width: 171px; margin: 0 0 6px 0; padding: 4px; font-size: 1.2em; border: 1px solid #eee; border-top: none; border-left: none; } .social-tool input.btn.done { float: none; display: block; width: 121px; height: 19px; margin-left: 32px; background: transparent url(http://em1.isnooth.com/images/v2/global/btn-done.gif) 0 0 no-repeat; text-indent: -5000px; } .social-tool input.btn.done:hover { background-position: 0 -19px; } #top-slot a { display: block; float: right; height: 23px; margin-left: 3px; border: none !important; } #top-slot a:hover { background-position: 0 -23px !important; } #top-slot a em { display: none; } #top-slot a#social-link { width: 54px; background: transparent url(http://em2.isnooth.com/images/v2/global/social-link.gif) 0 0 no-repeat; } #top-slot a#social-share { width: 64px; background: transparent url(http://em1.isnooth.com/images/v2/global/social-share.gif) 0 0 no-repeat; } #partner-search { width:280px; float:left; margin:6px 0px 0px 10px; } #partner-search-option { font-size:.8em; margin:0px 0px 2px 0px; } #partner-search-option input { float:left; margin:1px 5px 0px 0px; } /* SEARCH FILTER */ #search-filter { position:relative; margin: 15px 0 5px; padding:8px 0px 0px 0px; background: transparent url(http://em2.isnooth.com/images/v2/content/graybox-wide.gif) no-repeat scroll top right; } .basic #filter-sort { padding-top: 9px; background: #ededed url(http://em1.isnooth.com/images/v2/content/search-filter-grey-top-basic.gif) 0 0 no-repeat; } #filter-tools { padding: 3px 18px 0px 18px; background: #ffffff url(http://em2.isnooth.com/images/v2/content/graybox-wide.gif) repeat-y scroll left top; } #filter-tools p.refine { min-height:18px; margin:2px 0px 0px 0px; border-bottom:1px solid #DDDDDD; color:#999999; font-family:georgia; font-style:italic; font-weight:bold; padding:0 0 7px; } #filter-tools dl.no-hide { min-height: 18px; padding: 5px; border-top: 1px solid #ddd; } #filter-tools dl.no-hide.first { border-top: none; } #filter-tools dl.no-hide dt { float: left; width: 184px; padding-top: 4px; font-size: .9em; color:#999999; } #filter-tools dl.no-hide dd { float: left; width: 400px; font-size: .9em; } #filter-tools dl.no-hide dd.slider-tool { width: 201px; } #filter-tools dl.no-hide dd.slider-data { width: 193px; padding-left: 11px; text-align: right; } #filter-tools dl.no-hide dd.slider-data p { font-style:italic; color:#777777; } #filter-tools dl.no-hide dd.slider-data p strong { padding: 0 1px 0 2px; } #filter-tools dl.no-hide dd.slider-data p strong span { font-size: 9px; } #search-filter .filter { background: transparent url(http://em2.isnooth.com/images/v2/content/graybox-wide.gif) right bottom no-repeat; padding:24px 0px 0px; margin:-10px 0px 0px 0px;} #filter-tools .gutter { position: relative; width: 201px; height: 18px; background: transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll -176px -117px } #filter-tools .gutter .slider { position: absolute; width: 15px; height: 18px; background: transparent url(http://em2.isnooth.com/images/vim/snooth-sprite1.sr12340.gif) no-repeat scroll -257px -154px; cursor: pointer; } #filter-tools .gutter #minslider, #filter-tools .gutter #vintage-slider, #filter-tools .gutter #minrating { top: 0; left: 0; } #filter-tools .gutter #maxslider, #filter-tools .gutter #maxrating { top: -18px; right: 0; } #filter-tools h4 { padding: 1px 0; border-top: 1px solid #ddd; } #filter-tools h4 a { display: block; padding: 6px 5px 10px 5px; font-size: 1.1em; font-weight: bold; color: #444; text-align: right; text-decoration: none; } #filter-tools h4 a:hover { background: #f2f2f2; } #filter-tools h4 a strong { float: left; padding: 1px 53px 4px 0; background: transparent url(http://em1.isnooth.com/images/v2/content/add-edit.gif) right 0 no-repeat; } #filter-tools h4 a:hover strong { background-position: right -40px; } #filter-tools h4 em { font-weight: normal; color: #aaa; text-align: right; } #filter-tools h4.merchant-recap a { padding-bottom: 7px; } #filter-tools h4.merchant-recap em { float: right; display: block; width: 405px; line-height: 1.1em; } #filter-tools h4 em strong { float: none; padding: 0 0 0 1px; background: transparent; } #filter-tools dl.no-hide dd.checkbox-tool { width: 405px; } #filter-tools dl.no-hide dd.checkbox-tool label { margin-right: 10px; } #filter-tools dl.no-hide dd.checkbox-tool p { vertical-align: bottom; } #filter-tools dl#quick-search dt { padding-top: 6px; } #filter-tools dl#quick-search dd { position: relative; width:200px; } #filter-tools input.text { width: 163px; margin-right: 10px; padding: 4px; font-size: 10px; border: 1px solid #ccc; } #filter-tools input.btn-go-sml { position: absolute; top: 0; left: 176px; } #filter-tools dl.no-hide#partner-search-component dd.checkbox-tool { width:231px; } #refine-button { float:right; display:inline-block;} #filter-tools .refine { font-size: 1em !important; font-style:italic; color:#666666 !important; font-weight:bold; } #filter-labels label, #filter-tools dl.no-hide dd.checkbox-tool label { font-size:12px; vertical-align:middle; font-style:italic; color:#777777; } #filter-tools dl.no-hide dd.checkbox-tool input, #filter-labels inlut { vertical-align: middle; } #filter-labels .stock { float:left; } #filter-labels .sortby { float:right; } #filter-labels .sortby select { font-size:.9em; } /* SEARCH RESULTS */ #result-set { clear:both; } #group-hdr-results { width: 635px; background: transparent url(http://em2.isnooth.com/images/grey-box-bg-wider.gif) 0 0 repeat-y; } #group-hdr-btm-results { position: relative; padding-bottom: 14px; margin-bottom:10px; background: transparent url(http://em1.isnooth.com/images/related-search-bg-bottom.gif) 0 bottom no-repeat; } #group-hdr-btm-results h2 { position:relative; font-size: 1.0em; width: 635px; height: 18px; padding:18px 0px 2px 15px; background: transparent url(http://em2.isnooth.com/images/related-search-bg-top.gif) 0 0 no-repeat;} #group-hdr-btm-results h2 a img.rel-groups-desc { position:absolute; margin-left:5px; top:14px; padding:0; border:medium none; background: #ffffff none repeat scroll 0 0; } #group-hdr-btm-results ul { margin:0px 0px 25px 15px;} #group-hdr-btm-results ul li { width:300px; display:block; float:left; margin-bottom:10px; } .inner-wrap#search-results { padding:0 18px 0px 10px; } #search-results h1 { margin: 0 0 .1em 4px; font-size:1.6em; letter-spacing: 0px; } #search-results h1 a { margin-right: 2px; padding-right: 13px; color: #577343; text-decoration: none; background: transparent url(http://em1.isnooth.com/images/v2/content/keyword-trash.gif) right center no-repeat; } #search-results h1 a:hover { color: #bd5c79; text-decoration: none; } #search-results h1 a em { display: none; } .search-recap { margin: .5em 0 0 7px; } .search-recap li { margin-left: 25px; font-size:1.1em; list-style: disc; font-weight:bold; color: #b8c3b0; letter-spacing: -1px; } .search-recap li a { margin-right: 2px; padding-right: 13px; background: transparent url(http://em1.isnooth.com/images/v2/content/keyword-trash.gif) right center no-repeat; text-decoration: none; text-transform: capitalize; line-height:16px;} .search-recap li a:hover { color: #bd5c79; } .search-recap li a em { display: none; } .search-recap li em { margin-left: 5px; color:#aaaaaa; } .search_recap_text { margin:0px 0px 0px 6px; font-weight:bold; font-size:.9em; } .search_recap_text a { background:transparent url(http://em1.isnooth.com/images/v2/content/keyword-trash.gif) no-repeat scroll right center; margin-right:2px; padding-right:13px; } .search_recap_text.mywines { margin:14px 0px 0px 2px; float:left; color:#777777; font-weight:normal; } .search_divider { margin: 5px 0 1px 0; padding: 5px; font-style: italic; font-weight: bold; font-size: 1.1em; color: #dde4d6; background: #577343; } ul.results li.result { margin: 1px 0; padding: 9px 7px 0 7px; border-bottom: 1px solid #ddd; } ul.results li.result.alt { background: #f5f9f0; } ul.results li.result div.clear { height: 9px; border-bottom: 1px solid #fff; } ul.results li .wine-img { float: left; width: 100px; } .wine-snoothrank strong { padding: 0px; display:block; margin:2px 0px 0px 17px; text-align: center; letter-spacing: 0px; color:#577343 !important; } #partner-search-help img { border:none; margin:-20px 0px 0px 0px; position:relative; top:6px; background-color:transparent; } .search-btn { margin:41px 0 2px 9px; float:left; display:inline; } .details-btn { margin:0px 0 0px 6px; } ul.results li .wine-data { float: left; width: 360px; padding-right: 12px; } ul.results li .wine-data h3 { margin-bottom: .3em; padding-left: 3px; font-size: 1.3em; font-weight:normal; letter-spacing:-1px; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif } ul.results li .wine-data h3 a { margin-left: 0; font-size: 1em; color: #82213e; width:283px; } ul.results li .wine-data h3 a:hover { text-decoration:underline; } ul.results li .wine-data h3 em { font-style: normal; color: #b8c3b0; } ul.results li .wine-data h3 span { color: #777777; } ul.results li .wine-data dt { float: left; width: 84px; padding-left: 2px; line-height: 1.3em; } ul.results li .wine-data dd { padding-left: 86px; line-height: 1.3em; } ul.results li .wine-data a.read-more { color: #82213e; margin:6px 0 0 2px; display:block; } ul.results li .wine-snoothrank { float: left; width: 144px; position: relative; padding: 21px 1px 3px 0; text-align: center; border-left: 1px solid #ddd; background-position: 39px 3px; background-repeat: no-repeat; background-color: transparent; } ul.results li .wine-snoothrank.sr-na { background-image: url(http://em2.isnooth.com/images/v2/content/snoothrank-na.gif); } ul.results li .wine-snoothrank.sr-00 { background-image: url(http://em2.isnooth.com/images/v2/content/snoothrank-na.gif); } ul.results li .wine-snoothrank.sr-05 { background-image: url(http://em1.isnooth.com/images/v2/content/snoothrank-05.gif); } ul.results li .wine-snoothrank.sr-10 { background-image: url(http://em2.isnooth.com/images/v2/content/snoothrank-10.gif); } ul.results li .wine-snoothrank.sr-15 { background-image: url(http://em1.isnooth.com/images/v2/content/snoothrank-15.gif); } ul.results li .wine-snoothrank.sr-20 { background-image: url(http://em2.isnooth.com/images/v2/content/snoothrank-20.gif); } ul.results li .wine-snoothrank.sr-25 { background-image: url(http://em1.isnooth.com/images/v2/content/snoothrank-25.gif); } ul.results li .wine-snoothrank.sr-30 { background-image: url(http://em2.isnooth.com/images/v2/content/snoothrank-30.gif); } ul.results li .wine-snoothrank.sr-35 { background-image: url(http://em1.isnooth.com/images/v2/content/snoothrank-35.gif); } ul.results li .wine-snoothrank.sr-40 { background-image: url(http://em2.isnooth.com/images/v2/content/snoothrank-40.gif); } ul.results li .wine-snoothrank.sr-45 { background-image: url(http://em1.isnooth.com/images/v2/content/snoothrank-45.gif); } ul.results li .wine-snoothrank.sr-50 { background-image: url(http://em2.isnooth.com/images/v2/content/snoothrank-50.gif); } ul.results li .wine-snoothrank .inline-rating { margin-left: 1px; } ul.results li .wine-snoothrank .btn-compare-prices { margin: 62px 0 2px 21px; } ul.results li .wine-snoothrank .btn-add-to-wishlist { margin-left: 30px; } ul.results li .wine-snoothrank .btn-no-prices { margin: 62px 0 2px 21px; } .glasses-results { float:left; display:inline; margin:2px 0 0 38px; } .product-badge { float:right; display:inline; width:16px; height:16px; margin:0px -5px 0px 0px; background:url(http://em1.isnooth.com/images/vim/sprite-icons-vert.sr13211.png) 0 0 no-repeat transparent;} .product-badge.current-release { background-position:0 -540px;} .product-badge.prior-release { background-position:0px -583px; } .my-wine .product-badge { margin:3px 16px 0 0; } /* Search Engine Callouts */ h2.se-callout { width: 582px; margin: -5px 0 .4em 0; font-size: 1.2em; letter-spacing: 0; background: #5c7e47 url(http://em2.isnooth.com/images/v2/content/se-callout-top.gif) 0 0 no-repeat; } h2.se-callout span { display: block; padding: 10px 10px 24px 10px; line-height: 1.4em; color: #eee; background: transparent url(http://em1.isnooth.com/images/v2/content/se-callout-btm.gif) 0 bottom no-repeat; } h2.se-callout span a, h2.se-callout strong a { text-decoration: underline; color: #bdd3ad; } h2.se-callout span a:hover { color: #fff; } h2.se-callout strong { display: block; padding-top: 8px; text-align: center; color: #eee; } /* Empty Search */ #search-results h1 span { font-weight: bold; color: #577343; } .empty-search h4 { margin-bottom: .7em; font-size: 1.1em; font-weight: bold; } .empty-search h4 strong { position: relative; top: -.1em; font-size: 10px; color: #999; padding-right: 2px; } .empty-search .col-3 { float: left; width: 175px; padding: 0 16px 0 18px; border-right: 1px solid #eee; } .empty-search .col-3 p { margin-bottom: 1em; line-height: 1.3em; } .empty-search .col-3.no-border { border: none !important; } .empty-search .col-3 li { margin-left: 17px; list-style: disc; line-height: 1.3em; } /* Details and Buy page, 3/09 - Revised 6/09, and again 08/09 */ .icon { position:relative; z-index:23; float:right; padding:6px 8px 8px 0px; } .my-wines-topright a.icon { position:relative; z-index:50; float:right; margin-right:5px; } .doer p { font-family: Georgia, Times New Roman, Serif; font-style:italic; color:#666666; } .doer p { line-height:1em; margin-bottom:5px; } .item-results.sidebar { margin-bottom:25px; } .item-results.sidebar, .item-results.sidebar li { width:auto; float:none; } .item-results.sidebar li { padding:0px 0px 10px 0px; } .item-results.sidebar li span.subtitle { } .item-results.sidebar li .subtitle .rating { } .item-results.articles-sidebar span.subtitle { line-height:1.2em; } .btn-green { background:#6D984D none repeat scroll 0 0; border-color:#9FC980 #558134 #558134 #9FC980; border-style:solid; border-width:1px; color:#FFFFFF; margin:0px 15px 0 0; padding:3px 16px 4px; width:auto !important; font-size:1em; } .btn-green:hover { background-color:#94C46F; cursor:pointer; color:white; text-decoration:none; } .btn-gray { background:#D2D2D2 none repeat scroll 0 0; border-color:#EEEEEE #AAAAAA #AAAAAA #EEEEEE; border-style:solid; border-width:1px; color:#777777; margin:0px 15px 0 0; padding:3px 16px 4px; width:auto !important; } .btn-gray:hover { background-color:#EBEBEB; cursor:pointer; color:white; text-decoration:none; } .wine-review-callout-content .date { float:left; display:inline; margin:7px 0px 0px 0px; font-family:georgia, times, serif; font-style:italic; color:#777777; } .merchant-sort { border-bottom:1px solid #cbcbcb; padding-bottom:6px; margin-bottom:6px; } .merchant-sort li, .merchant-sort h4 { float:left; width:120px; font-size:.9em; } .merchant-sort h4 { font-weight:bold;} .merchant-sort span { float:left;} .merchant-sort li a { display:block; float:left; margin:0px 0px 0px 5px; background: transparent url(http://em1.isnooth.com/images/vim/sprite-icons.sr12601.png) scroll no-repeat -775px -5px; width:15px; height:13px; text-indent:-9999px; } .merchant-sort li a:hover { background-position:-756px -6px; } .merchant-sort li a.ms-current { background-position:-756px -6px; } .merchant-sort h4 { width:78px; } .merchant-sort li.ms-name { width:170px; } .merchant-sort li.ms-size { width:127px; } .merchant-sort li.ms-featured { width:127px; } .merchant-sort li.ms-price { width:auto; float:right; } .merchant-sort #sort_name_desc, .merchant-sort #sort_price_desc, .merchant-sort #sort_size_desc { background-position:-828px -5px; } .merchant-sort #sort_name_desc:hover, .merchant-sort #sort_price_desc:hover, .merchant-sort #sort_size_desc:hover { background-position:-807px -6px; } .merchant-sort #sort_name_desc.ms-current, .merchant-sort #sort_price_desc.ms-current, .merchant-sort #sort_size_desc.ms-current { background-position:-807px -6px; } /* overlay */ .overlay { position:fixed; z-index:60; display:none; } .overlay.group-claim { top:-8px; left:-248px; width:455px; } .overlay.bubble-form { top:-8px; left:50%; margin-left:-227px; width:455px; display: block !important; } .overlaywine { position:absolute; z-index:60; display:none; top:-8px; left:-38px; width:275px; float:left; } .overlay .overlay-top { height:11px; background:transparent url(http://em2.isnooth.com/images/v2/content/social_stats_bg_top.png) no-repeat scroll top left; } .overlaywine .overlay-top { height:11px; background:transparent url(http://em1.isnooth.com/images/v2/content/overlay-med.png) no-repeat scroll top left; } .overlay.group-claim .overlay-top { width:455px; } .overlay.bubble-form .overlay-top { width:455px; } .overlay .overlay-content, .overlaywine .overlay-content { background:transparent url(http://em2.isnooth.com/images/v2/content/social_stats_bg_bottom.png) no-repeat scroll bottom left; float:left; padding:0px 14px 16px; } .overlaywine .overlay-content { background:transparent url(http://em1.isnooth.com/images/v2/content/overlay-med.png) no-repeat scroll bottom left; float:left; display:inline; padding:0px 14px 16px; } /* items below are the width of the main overlay (defined above), minus 28px to allow for the padding/margins */ .overlay.group-claim .overlay-content { width:427px; } .overlay.bubble-form .overlay-content { width:415px; padding:0px 20px 16px; } .overlay .overlay-title, .overlaywine .overlay-title { font-size:1.3em; font-family:Helvetica,"Helvetica Neue",Arial,sans-serif; margin:7px 0px 9px; padding-bottom:12px; color:#678E50; } .overlay.bubble-form .overlay-title { margin:7px 0px 4px; padding-bottom:6px; } .overlay .overlay-item-row { border-bottom:1px solid #cbcbcb; margin:0px 0px 10px 0px; padding:0 0 11px; float:left; } .overlay .overlay-item-row a.main-item-img { display:block; float:left; } .overlay .overlay-item-row a.main-item-img img { } .overlay .overlay-item-row .main-item-name { margin-left:100px; width:308px; font-size:1.2em; } .overlay .overlay-item-row .main-item-name a { color:#3f5e2c; } .overlay .overlay-item-row .main-item-subhead { margin:5px 0px 5px 100px; width:308px; font-size:1.0em; color:#6d6d6d; } .overlay .overlay-item-row .main-item-subhead a { color:#3f5e2c; } .overlay .overlay-item-row .main-item-desc { margin-left:100px; width:308px; color: #6d6d6d; } .overlay .overlay-item-row .main-item-desc p { line-height:1.2em; margin:0px 0px; font-size:1.0em; } .overlay .overlay-item-row .main-item-desc a { color:#3f5e2c; font-weight:bold; } .overlay .overlay-title, .overlaywine .overlay-title { border-bottom:1px solid #bfbfbf; } .overlay p.group-claim-description, .overlaywine p.group-claim-description { color:#878787; line-height:1.3em; margin:10px 0px; } .overlay p.group-claim-description a, .overlaywine p.group-claim-description a { color:#3f5e2c; font-weight:bold; text-decoration:underline; } .overlay.bubble-form p { margin:4px 0px 4px 0px; line-height:1.3em; } .overlay.bubble-form p.info { margin:0px 0px 0px 15px; line-height:1.3em; } .overlay.bubble-form .nav-horiz-small { width:375px; float:none; margin:12px 0px 0px 18px; } .overlay.bubble-form .header-mini { margin:14px 0 9px 14px; width:380px; } .overlay.bubble-form input.field, .overlay.bubble-form textarea.field { margin:0px 0px 0px 15px; width:367px; } .overlay.bubble-form textarea.field { height:130px; font-size:11px; } .overlay.bubble-form select { margin-left:15px; } .overlay.bubble-form .clarify { width:363px; } .overlay.bubble-form .overlay-alert { width:355px; margin:13px 0 0 16px; text-align:center; } #group-badge:hover .overlaywine, #group-badge.over .overlaywine { display:block; } #social_stats_content ul { padding:10px 0px 0px } #social_stats_content li { display:block; position:relative; float:left; color:#656565; font-size:.9em; margin:0px 10px 0px 0px; padding: 8px 3px 8px 8px; max-width:50px; background:transparent url(http://em2.isnooth.com/images/v2/content/social_stats_bg_gray.gif) no-repeat scroll 0px 0px; font-family: Helvetica,"Helvetica Neue",Arial,sans-serif; } #social_stats_content li.link { background:transparent url(http://em1.isnooth.com/images/v2/content/social_stats_bg_green.gif) no-repeat scroll 0px 0px; } #social_stats_content li.link:hover { background:transparent url(http://em2.isnooth.com/images/v2/content/social_stats_bg_green_over.gif) no-repeat scroll 0px 0px; } #social_stats_content li a { } #social_stats_content li span { display:block; font-size:2.0em; font-family: Helvetica,"Helvetica Neue",Arial,sans-serif; color:#676767;} #social_details:hover #social_stats_summary #num, #social_details.over #social_stats_summary #num { text-decoration:none; } #social_details:hover #social_stats_summary #instructions, #social_details.over #social_stats_summary #instructions { display:none; } #social_details:hover #social_stats_overlay, #social_details.over #social_stats_overlay { display:block; } #profile h3.friendstitle { margin-top:23px; } .float { width:626px; } .float li {float:left; display:inline; clear:none; width:200px; margin:0px 8px 0px 0px; border-bottom:none; } #friendsandgroups { float:left; width:624px; } /* New Search Results - Shoulder Pages - 3/09 */ .basic #filter-tools { padding-top:4px; } .basic #filter-tools dl.horiz { display:block; float:left; } .basic #filter-tools dl.horiz.search-zip { } .basic #filter-tools dl.horiz.search-zip dd { display:block; float:left; } .basic #filter-tools dl.horiz.search-zip .text { width:60px; } .basic #filter-tools dl.horiz.search-name { } .basic #filter-tools dl.horiz.search-name dd { display:block; float:left; } .basic #filter-tools dl.horiz.search-name .text { width:136px; } .basic #filter-tools dl.horiz dt { display:block; float:left; padding:4px 10px 0px 0px; } .basic #filter-tools dl.horiz dd inpdut { border:1px solid #cbcbcb; } .basic #filter-tools input.btn.search { display:block; float:right; margin:-4px 0px 0px 0px; } .results li { padding:6px 10px; margin:0px -7px; border-bottom:1px solid #cbcbcb;} .results li.r-feat { background-color:#F5FEEC; border:1px solid #AACA86; margin-bottom:14px; padding-top:10px; float:left;} .results .feat-title { background:transparent url(http://em1.isnooth.com/images/v2/content/pixel-gray.gif) repeat-x scroll center left; margin:0px 0px 7px 0px } .results .feat-title span { padding:0px 10px 0px 0px; background-color:#F5FEEC; font-weight:bold; font-family:georgia, times, serif; font-style:italic; color:#777777; } .star-rating li { border-bottom:none; } .results li.alt { background-color:#f7feef; } .results li .r-t { padding-bottom:3px; margin-top:3px; } .results li .r-t, .results li .r-m { width:541px; float:right; display:inline; } .results li .r-t h3 { width:367px; float:left; margin-bottom:0px; padding-bottom:0px; font-size:1.3em; } .results li .r-t h3 .extra { font-size:.8em; white-space:nowrap; font-family:georgia, times, serif; font-style:italic; color:#777777; } .results li .r-t h3 .extra a { color:#B8C3B0; } .results li .r-t h3 .extra a:hover { color:#3E5D2A; } .results li .r-t h3 a { color:inherit; font-size:inherit; margin-left:inherit; padding-right:inherit; } .results li .r-t h3 a:hover { color:#7ABD33; } .results li .r-t .r-t-r { width:171px; float:right; text-align:right; } .results li .r-m { margin-top:4px; } .results li .r-m-l { width:245px; float:left; } .results li .subtitle { margin-left:0px; margin-bottom:4px; } .results li .r-m-c { width:158px; float:left; } .results li .r-m-r { width:134px; float:right; } .results li .star-rating { margin-bottom:0px; } .results li .r-btn { margin-top:4px; } p.disclaimer { font-size:.8em; color:#777777; } /* Related articles in footer */ .articles-footer-header { text-align:center; font-family:georgia; color:#787878; margin:29px 0 26px; font-size:1.1em; font-style:italic; background:transparent url(http://em1.isnooth.com/images/vim/sprite-vert.sr10444.png) scroll repeat-x 0px -30px;} .articles-footer-header span { background-color:white; padding:0px 13px; } ul.item-results.articles-footer { float:none; width:auto; } ul.item-results.articles-footer li { width:231px; float:left; display:inline; margin:0px 10px 0px 0px; clear:none; border-top:3px solid #A5BD95; border-bottom:1px solid #c5d6ba; background:transparent url(http://em2.isnooth.com/images/vim/sprite-horiz.sr9792.gif) scroll repeat-y -890px 0px; padding-top:3px; padding-bottom:11px; } ul.item-results.articles-footer li.nopad { margin-right:0px; } ul.item-results.articles-footer li h4.title { font-size:1.2em; line-height:16px; margin:0px 0px 8px 0px; font-family:georgia; padding:4px 0px 0px 4px; } ul.item-results.articles-footer li span.subtitle { font-size:1.0em; line-height:16px; margin:0px 0px 0px 0px; font-family:georgia; padding-left:4px; } ul.item-results.articles-footer li .item-results-image { float:right; width:auto; margin:0px 0px 3px 5px; padding:4px 4px 0px 0px; } ul.item-results.articles-footer li .item-results-image a { width:auto; } ul.item-results.articles-footer li .item-results-image a img { width:60px; } .bx-tp { background:transparent url(http://em1.isnooth.com/images/bx-tp-btm.gif) no-repeat scroll left top; border:0 none; clear:both;} .bx-tp-rt { background:transparent url(http://em1.isnooth.com/images/bx-tp-btm.gif) no-repeat scroll right top; border:0 none; margin:0 0 0 10px; padding:0 10px 0 0; position:relative;} .bx-md { background:transparent url(http://em2.isnooth.com/images/bx-tp-btm-bg.gif) repeat-y scroll left top; margin:0px 0px 0px 0px; padding:0; position:relative; z-index:2; } .bx-md-rt { background:transparent url(http://em2.isnooth.com/images/bx-tp-btm-bg.gif) repeat-y scroll right top;margin:0 0 0px 5px; padding:8px 5px 4px 0; position:relative; z-index:2; } .bx-btm { background:transparent url(http://em1.isnooth.com/images/bx-tp-btm.gif) no-repeat scroll left bottom; margin:0 0 0px; padding:0; position:relative; z-index:2; } .bx-btm-rt { background:transparent url(http://em1.isnooth.com/images/bx-tp-btm.gif) no-repeat scroll right bottom; border:0 none; margin:0 0 0 10px; padding:0 10px 0 0; position:relative; z-index:2; } .bx-btm, .bx-btm-rt { font-size:1px; height:7px; line-height:18px; } /* Related articles in footer 3-10 */ .rel-articles-maincol { padding:18px 20px 17px; zoom:1; } #result-set .rel-articles-maincol .section { padding-left:0px; } #result-set .rel-articles-maincol .section strong { color:#575757; padding:0px; } #result-set .rel-articles-maincol h3 { background-image:none; } #result-set .rel-articles-maincol h3 { font-size:14px; font-weight:bold; margin:0px 0px 14px -7px; border-bottom:1px solid #cbcbcb; padding-bottom:7px; } .rel-articles-maincol .rel-art { margin:10px 10px 0px 0px; float:left; display:inline; width:290px; } .rel-articles-maincol .rel-art.last { margin-right:0px; } .rel-articles-maincol h4 { font-weight:bold; font-size:14px; margin:0px 0px 5px 0px; } .rel-articles-maincol p { font-size:12px; } .rel-articles-maincol p, .rel-articles-maincol h4 { margin-left:94px; } .rel-articles-maincol img { padding:1px; width:80px; height:80px;} .rel-articles-maincol .rel-art-img:hover img { background-color:#7abd33; border-color:#666666; } .rel-articles-maincol .rel-art-img { float:left; border:1px solid #cbcbcb; margin:0px 10px 0px 0px; } .wd .rel-articles-maincol { padding:18px 0 17px; } .wd .rel-articles-maincol .rel-art { float:none; width:auto; } .rel-articles-maincol.altdesign .rel-art { width:auto; margin:7px 0px; zoom:1; } .rel-articles-maincol.altdesign img { width:50px; height:50px; } .rel-articles-maincol.altdesign p, .rel-articles-maincol.altdesign h4 { margin-left:65px; } /*-------------------------------------------------------------------------------- Sign In / Sign Up --------------------------------------------------------------------------------*/ .signup .box-mid-green .box-mid-rt { padding:8px 18px 4px 4px; } .signup .user-feedback { width:434px; margin-left:30px; float:left; display:inline; } .signup.create-acct .user-feedback { width:479px; margin-left:79px; float:left; display:inline; } .signup.create-acct .user-feedback fieldset { padding-right:48px; } .signup .user-feedback .form-v3 h3 { margin:2px 0px 17px 0px; } .signup .user-feedback input { width:220px; } .signup .user-feedback .checkbox input { width:auto; } .signup .user-feedback .checkbox label { font-size:12px; } .signup .email-preview { float:right; text-align:center; } .signup .email-opt-in { margin-left:52px; margin-top:10px; } .signup .email-opt-in label { float:left; width:256px; line-height:15px; } .signup .buttons .secure-server { background:transparent url(http://em1.isnooth.com/images/vim/sprite-icons-vert.sr13211.png) no-repeat scroll 0px -240px; padding:0px 0px 0px 21px; line-height:22px; margin:10px 10px 0px 10px; } /* Email Partners Signup (tasting table, thrillist, etc...) refactor to newer form style - 090609 */ .signup .nav-horiz-small { width:942px; margin:13px 0px 0px } .intro-large { width:942px; float:left; margin:25px 0px; background-color:#F7FEEF; border-top:2px solid #B7D296; border-bottom:2px solid #B7D296; } .intro-large h1 { display:inline; float:left; margin:20px 70px 20px 60px; width:408px; } .intro-large h2 { color:#666666; display:inline; float:left; font-weight:normal; letter-spacing:normal; margin:36px 0 0; width:385px; } .intro-large h2 a { color:#6C963F; text-decoration:underline; } .signup-bullets { display:inline; float:left; margin:0 33px 0 20px; width:400px; } .signup-bullets li { background:transparent url(http://em2.isnooth.com/images/icons-sign-up.gif) no-repeat scroll 0px 0px; margin:0px 0px 10px 0px; padding:0px 0px 10px 78px; } .signup-bullets li.search { background-position:0px 0px; } .signup-bullets li.compare { background-position:0px -79px; } .signup-bullets li.reviews { background-position:0px -156px; } .signup-bullets li.manage { background-position:0px -236px; } .signup-bullets h3 { margin:0px; } .signup-bullets p { font-size:.95em; } .signup-form { float:left; width:439px; display:inline; background-color:#f7feef; border:2px solid #b7d296; } .signup-form-wrap { padding:13px 13px 15px; } .signup-form h3 { border-bottom:1px solid #678E50; padding:0px 0px 7px 0px; } .signup-form fieldset { margin:0 0 11px; padding:0 23px 0 23px; } .signup-form fieldset label.text { float:left; display:inline; font-weight:bold; margin:0; padding:8px 5px 8px 0; text-align:right; width:108px; } .signup-form fieldset input.text { float:left; display:inline; font-size:1em; width:221px; } .signup-form fieldset input.checkbox { float:left; display:inline; font-size:1em; margin:0px 0px 0px 9px; } .signup-form fieldset label.checkbox-desc { display:block; font-size:1em; margin:0 0 0 8%; font-size:.86em; line-height:1.2em;} .signup-form .fineprint { color:#3D3D3D; font-size:0.9em; line-height:1em; } .signup-form fieldset .fineprint { float:left; display:inline; margin:8px 0 0 113px; width:240px; } .signup-form .email-preview { display:inline; float:right; margin:0 0 0 3px; text-align:center; width:58px; } .signup-form .email-preview img { } .signup-form .email-preview p { font-style:italic; font-size:.9em; color:#666666; } .signup-form .secure-server { float:left; display:inline; margin:0 15px 0 0; } .signup-form .signup-row { margin:0 0 12px 114px; } .signup-form .signup_btn, .signup-form.signin .login_btn, .signup-homepage .login_btn { display:inline; float:left; height:26px; width:72px; background:transparent url(http://em1.isnooth.com/images/v2/global/btn-submit.gif) no-repeat scroll 0px 0px; cursor:pointer;} .signup-form .signup_btn:hover, .signup-form .login_btn:hover, .signup-homepage .login_btn:hover { background-position:0px -26px; } .signup-form .error { background-color:#910704; border:1px solid black; margin:0px 10px 10px 10px; } .signup-form .error_inset { padding:10px 10px; } .signup-form .error_inset p, .signup-form .error_inset li { font-size:.9em; color:white; } .signup-form .error_inset li { margin:0px 0px 0px 0px; } .signup-form .error_inset p { font-weight:bold; } .signup-form .error_inset p a { color:white; text-decoration:underline; } #lb_mcountry_select { font-size:1em; /*margin-top:8px;*/ } .signup-bullets.signin { margin:24px 0px 0px 0px; } .signup-bullets.signin li { background-image:none; } .scroll-box { overflow:hidden; display:inline; float:left; margin:0px 0px; width:325px; } .scroll-box .btn-prev, .scroll-box .btn-next { float:left; height:103px; background:transparent url(http://em2.isnooth.com/images/sign-up-sprite1.png) no-repeat scroll -6px -84px; margin:0px 0px 0px 0px; overflow:hidden; text-indent:-9999px; width:18px; border:1px solid #c1d5aa; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .scroll-box .btn-next { float:right; } .scroll-box .btn-prev span, .scroll-box .btn-next span { width:18px; height:103px; display:block; background:transparent url(http://em2.isnooth.com/images/sign-up-sprite1.png) no-repeat scroll -57px -81px; } .scroll-box .btn-prev span { background:transparent url(http://em2.isnooth.com/images/sign-up-sprite1.png) no-repeat scroll -58px -197px; } .scroll-box .btn-prev:hover { background-image:none; background-color:#91ba63; border:1px solid #91ba63; } .scroll-box .btn-next:hover { background-image:none; background-color:#91ba63; border:1px solid #91ba63; } .scroll-box .btn-prev:hover span { background-position: -109px -197px; } .scroll-box .btn-next:hover span { background-position: -108px -81px; } .scroll-box .mask { display:inline; float:left; margin:12px 0 0 7px; overflow:hidden; position:relative; width:272px; } .scroll-box .mask ul { margin:0; padding:0; width:99999px; } .scroll-box .mask ul li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; width:206px; } .scroll-box .signup-bullets li { padding:0px 0px 0px 66px; } .signup-left { width:326px; float:left; display:inline; margin:0px 56px; } .signup-left .scroll-box { margin-bottom:20px; } .signup.partner .intro-large h1 { float:none; display:block; width:auto; margin:20px 0 9px 27px; } .signup.partner .intro-large h3 { margin:0px 0px 20px 27px; } .signup.partner .signup-form { margin-top:20px; } .signuplogo { background:transparent url(http://em2.isnooth.com/images/sign-up-sprite1.png) no-repeat scroll 0 0; display:inline-block; float:right; height:46px; margin:24px 42px 0 0; text-indent:-9999px; width:142px;} /* universal carousel setup */ ul.carousel { width:9999px; float:left; display:inline; } .scroll-box .mask ul.carousel li { width:272px; } ul.carousel .carousel-img { float:left; display:inline; } /* signup specific carousel content */ ul.carousel .carousel-content h3 { margin:0px 0px 3px 0px; font: italic bold .92em Georgia, serif; color:#444444; } ul.carousel .carousel-content p { font-size:1em; margin:0px 0px 0px 0px; } ul.carousel .carousel-content { margin-left:102px; padding-right:4px; } .signup h3.section { font-size:1.2em; color:#546e27; margin:17px 0px 13px 0px; padding:0px 0px 3px 0px; background-image:none; border-bottom:1px dotted #546e27; } .signup h3.section strong { font-family:georgia, times, serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:bold; } /* Signup May 2010 */ /*-------------------------------------------------------------------------------- Root Pages --------------------------------------------------------------------------------*/ #wines-root { padding-top:20px; } /*-------------------------------------------------------------------------------- Groups --------------------------------------------------------------------------------*/ #groups-top { margin-top:10px; } #groups p img { float:left; margin:4px 15px 0px 0px; border:1px solid #CED7C5; background-color:#DDE4D6; padding:3px; } #groups ul.popular-pages { font-size:1.0em; } #groups ul.popular-pages li, ul.tags li, .article ul.popular-pages li a, #ff-res ul li { float:left; } #groups ul.popular-pages li a, .article ul.popular-pages li a, #ff-res ul li a { display:block; border-right:1px solid #b0b0b0; border-bottom:1px solid #8d8d8d; padding:10px; background-color:#ebf4e0; margin:2px; color:#526d3f; white-space:nowrap; } #groups ul.popular-pages li a:hover, ul.tags li a:hover, #ff-res ul li a:hover { text-decoration:none; border-left:1px solid #b0b0b0; border-top:1px solid #8d8d8d; border-right:none; border-bottom:none;} .wi ul.tags { font-size:.90em; margin:10px 0px 6px 0px; float:left; display:inline; clear:both; } ul.tags .title { background:none; border:none; } ul.tags li a, ul.tags li span, #ff-res ul li a { display:block; border-right:1px solid #b0b0b0; border-bottom:1px solid #8d8d8d; padding:6px 5px; background-color:#ebf4e0; margin:2px; color:#526d3f; white-space:nowrap; } ul.tags li span { margin-left:0px; padding-left:0px; } /*-------------------------------------------------------------------------------- Friend Finder --------------------------------------------------------------------------------*/ .form-basic input { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border:1px solid #9BAC7E; font-size:1em; padding:3px 5px; } .form-basic p { margin:10px 0px; } .form-basic fieldset { margin:10px 0px; } .friend-finder p, .friend-finder fieldset, #ff-res { padding:0px 16px; } .friend-finder input { float:left; display:inline; margin:0px 10px 0px 0px; font-size:1.3em; } /*-------------------------------------------------------------------------------- REFACTOR --------------------------------------------------------------------------------*/ /* 3 quarter wide column with headers - on Account Settings page as of 12/08 */ .column-3qtr { width:386px; background: transparent url(http://em1.isnooth.com/images/v2/global/column-3qtr-bg.gif) no-repeat scroll left bottom; margin: 0px 0px 20px 10px; padding:0 13px 10px 13px; } .column-3qtr h3 { background:#aac687 url(http://em2.isnooth.com/images/v2/global/column-3qtr-top.gif) no-repeat scroll 0 0; color:#4f7736; font-family:Helvetica,Arial,sans-serif; font-size:1.3em; font-weight:normal; letter-spacing:.3px; margin:0px -13px 8px -13px; line-height:17px; padding:8px 13px 7px 13px; text-shadow:1px 1px 0 #ccddb4; } .rightside { margin-left:200px !important; } /* 1 quarter column on contact page */ #narrow_column { width:184px; float:left; } /* 1 quarter wide subnav - on Account Settings page as of 12/08 */ ul.subnav_vert { border-top:1px solid #dfe6de; background:#fdfdfd url(http://em1.isnooth.com/images/v2/global/subnav_vert_bg_bottom.jpg) no-repeat scroll bottom right; padding-bottom:64px; } .subnav_vert li { margin-bottom:0px; padding-bottom:0px; font-size:.9em;} .subnav_vert a { display:block; padding:0px 0px 0px 7px; font-weight:bold; background-color:gray; border-bottom:1px solid #DCDDDE; border-top:1px solid #FFFFFF; line-height:27px; background:#fdfdfd url(http://em2.isnooth.com/images/v2/global/subnav_vert_bg.gif) repeat-y scroll right top; font-family:arial, sans-serif; } .subnav_vert a:hover, .subnav_vert .tab_current a { text-decoration:none; background:#ffffff; background-image:none; color:#4d4d4d; } /*-------------------------------------------------------------------------------- Profile --------------------------------------------------------------------------------*/ .feed-item { width:600px; border-bottom:1px dotted gray; padding:10px; margin:0px 0px 0px 0px; float:left; position:relative; } .grapevine .feed-item { width:630px; padding:5px; margin:4px 0px 4px 0px; } #group-wall .quote_rt { background:url(http://em1.isnooth.com/images/v2/global/quote_rt.png) no-repeat bottom right; } .feed-item-top { float:left; width:600px; padding:0px; margin-bottom:10px; } .grapevine .feed-item-top { margin-bottom:0px; } .feed-item-top .summary { float:left; font-size:1.1em; line-height:1em; color:#454545; } .feed-item-top .date { float:right; color:gray; line-height:1.3em; } .feed-item-left { float:left; width:77px; height:50px; } .grapevine .feed-item-left { display:none; } .feed-item-content { margin-left:88px; width:471px; } .grapevine .feed-item-content { margin:10px 0px 0px 88px; font-size:1.2em; line-height:1.3em; float:left; font-style:italic; } .feed-item .sticky-button { margin:5px 0px 0px 0px; padding:1px 5px 8px 5px; clear:both; } .feed-item .sticky-button input { position:relative; top:4px; left:5px; } .feed-item .quote { background:url(http://em2.isnooth.com/images/v2/global/quote.png) no-repeat top right; } /*-------------------------------------------------------------------------------- My Wines --------------------------------------------------------------------------------*/ .quote_wide { width:591px; padding:0px 0px 0px 0px; margin:0 auto 12px auto; } .quote_wide .quote_wide_text { line-height:1.4em; } .quote_wide .quote_wide_meta { font-style:italic; } .quote_wide_top { background: #def1c7 url(http://em1.isnooth.com/images/forum/forum_results_top.gif) no-repeat scroll 0px 0px; margin:0px 0px 0px 0px !important; padding:20px 6px 0px 10px; } .quote_wide_bottom { background: #def1c7 url(http://em2.isnooth.com/images/forum/forum_results_bottom.gif) no-repeat scroll 0px 0px; margin:0px 0px 0px 0px !important; padding:17px 0px 0px 0px; } /*-------------------------------------------------------------------------------- Wine Details --------------------------------------------------------------------------------*/ /* fake two col test */ #main-col.full-width.fake-two-col { background-image: url(http://em2.isnooth.com/images/v2/global/frame-top.png) } #main-col.full-width.fake-two-col .inner-wrap { background-image: url(http://em1.isnooth.com/images/v2/global/frame-bg.png); padding-right:0px; } #main-col.full-width.fake-two-col .clear.btm { background-image: url(http://em1.isnooth.com/images/v2/global/frame-btm.png) } #main-col.full-width.fake-two-col #right-col.details { margin-right:10px } .fake-two-col .right-col-details { width:300px; float:right; display:inline; margin-right:10px; } .floatnarrow { width:448px; } .floatnarrow li { float:left; } .details .floatnarrow { width:451px; } .details .floatnarrow li { width:208px; } .floatnarrow li {clear:none; width:211px; margin:0px 13px 0px 0px; border-bottom:none; } /*-------------------------------------------------------------------------------- Groups V3 - 090922 --------------------------------------------------------------------------------*/ .groups .left-col-content { width:443px; } .groups .left-col-sidebar { width:166px; } /* Root pages */ .groups .box-mid .links-list li a { background-position:137px center; } .groups .box-mid .links-list li a { padding-right:14px; } .grouproot h2 { font-size:13px; font-weight:bold; } .grouproot h3 { clear:both; } .grouproot h4 { clear:both; } .grouproot h4 { color:#444444; border-bottom:1px solid #cbcbcb; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:25px 0 9px; padding-bottom:3px; } .grouproot p { font-size:1.0em; line-height:1.3em; margin-bottom:1em; } .grouproot .user-feedback .form-v3 input { width:412px; } .group-followers ul li img, .curator img, .related-profiles img { background-color:white; border:1px solid #4F4F4F; padding:1px; } .group-followers li a, .group-followers li .link-embed { position:relative; text-decoration:none; } .group-followers li a em, .group-followers li .link-embed em { position: absolute; padding: 6px 4px 12px 4px; margin:0px 0px 0px -9990px; top:-39px; left:-37px; width:90px; font-size: 11px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; color: #eee; text-align: center; background: transparent url(http://em2.isnooth.com/images/v2/content/icon-bubble-green.gif) center bottom no-repeat; } .group-followers li a:hover em, .group-followers li .link-embed:hover em { margin:0px 0px 0px 0px; } .group-followers-large li a { position:relative; display:block; margin:0px auto; text-align:center; } /*.group-followers-large li a em { position: absolute; padding: 6px 4px 12px 4px; margin:0px 0px 0px -9990px; top:-69px; left:-22px; width:90px; font-size: 11px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; color: #eee; text-align: center; background: transparent url(http://em2.isnooth.com/images/v2/content/icon-bubble-green.gif) center bottom no-repeat; } */ .group-followers-large li a em { position: absolute; padding: 6px 4px 12px 4px; margin:0px 0px 0px -9990px; top:-27px; left:-22px; width:90px; font-size: 11px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; color: #eee; text-align: center; background: transparent url(http://em2.isnooth.com/images/v2/content/icon-bubble-green.gif) center bottom no-repeat; } .group-followers-large li a:hover em { margin:0px 0px 0px 0px; } .group-img { float:left; width:102px; text-align:center; display:inline; margin:0px 14px 5px 0px; background-color:white; } .group-img a { text-decoration:none; } .group-img a img { padding:2px; background-color:white; border:1px solid #cbcbcb; } .group-img ul { margin-top:0px; } .group-img li { margin:3px 0px; padding:0px 0px 5px; } .item-actions { width:212px; float:right; display:inline; margin:0px 0px 6px 10px; border:1px solid #cbcbcb; background-color:white; font-size:12px; padding-top:4px; } .item-actions .icon-link { border-bottom:1px solid #CBCBCB; display:block; margin:5px 7px 0; padding-bottom:5px; padding-top:0; line-height:14px; } .icon-link.shop { background-position:0 -137px; } .icon-link.add-comment { background-position:0px -380px; } .icon-link.follow { background-position:0px -415px; } .icon-link.leave { background-position:0px -493px; } .share-groups .share_icons { float:right; margin:0px 0px 10px 0px; } .group-descriptions { clear:both; margin-top:0px; } .group-descriptions h2 { clear:both; font-size:18px; padding-bottom:6px; margin:20px 0px; border-bottom:1px solid #cbcbcb; } .group-descriptions h2 a { font-size:13px; margin-left:10px; } .group-descriptions h2 a.right { font-size:13px; font-weight:bold; margin:6px 0px 0px 0px; padding-bottom:0px; } .group-descriptions .group-description { margin:0px 0px } .group-descriptions h4 { clear:both; color:#444444; border-bottom:1px solid #cbcbcb; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:25px 0 9px; padding-bottom:3px; } .description_bottom { margin:1px 0px; padding:4px 0px; font-size:11px; } .description_bottom .attribution { display:block; border-bottom:1px solid #cbcbcb; margin-bottom:3px; padding:0px 0px 3px 0px; } .description_bottom .description_bottom_tools { float:left; } .description_bottom .description_morelink { float:right; margin-bottom:20px; font-size:13px; font-weight:bold; } .group-details { margin:10px 0px; } .group-details .empty_state { margin-right:226px; margin-left:116px; } #groups-top .empty_state.full-empty { margin:17px 232px 20px 0; } .group-details p { margin:8px 0px; } .group-details h4 { font-size:1.3em; margin:2px 0px; } .group-contact { margin-left:116px; } #g_phonecont { font-size:1.2em; display:block; margin:3px 0px; font-weight:bold; } .subnav-groups { font-size: .9em; list-style:none; margin:15px 0px 15px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #497339; clear:both; } .subnav-groups a { float:none; } .subnav-groups li, .subnav-groups li a { background:url(http://em1.isnooth.com/images/vim/subnav-groups-sprite.sr10444.gif) no-repeat scroll top right; } .subnav-groups li { display:block; float:left; margin:0px 4px 0px 0px; padding:0px 4px 0px 0px; background-position:right top; } .subnav-groups li a { float:left; display:inline; margin:0px 0px 0px 0px; padding:7px 5px 6px 10px; text-decoration:none; background-position:left top; color:white; } .subnav-groups li.current, .subnav-groups li:hover { background-position:right -56px; padding-bottom:0px; position:relative; top:1px; } .subnav-groups li:hover a { background-position:left -56px; } .subnav-groups li.current a, .subnav-groups li a:hover, .subnav-groups li:hover a { color:#487a2d; background-position:left -56px; } .description { margin-bottom:20px; } .groups-divider { background: #f0f0f0 url(http://em1.isnooth.com/images/vim/subnav-groups-sprite.sr10444.gif) repeat-x scroll 0px -285px; border-top:1px solid #a7c49f; margin:0px 0px 0px; color:#333333; padding:5px 0px 7px 5px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size:13px; font-weight:bold; } .groups-divider .right { margin:0px 10px 0px 0px; font-size:11px; font-weight:normal; } .groups-divider .right a { font-size:12px; color:#428f28; } .groups-module { padding:0px 5px; margin:20px 0px; } #group-block-maps { clear:both; border:1px solid #999999;} .mapname { font-weight:bold; font-size:15px; } .social-overview { padding:10px 9px; margin-bottom:15px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#f1ffdb; border:1px solid #a3c591; border-color:#D3DBCE #A3C591 #A3C591 #D3DBCE; } .social-overview h4 { font-weight:bold; font-size:11px; border-bottom:1px solid #b3b3b3; padding-bottom:4px; margin-bottom:0px; line-height:14px; color:#4f4f4f } .social-overview p { margin:0px 0px 8px 0px; } .curator-section { margin-bottom:15px; } .curator img { float:left; } .curator h4 { font-size:.9em; font-weight:normal; margin-left:30px; border-bottom:none; } .group-followers ul, .curator { border-top:1px solid #ffffff; padding-top:9px; } .group-followers ul li { float:left; margin:0px 6px 5px 0px; } .group-followers ul li img, .curator img, .related-profiles img { padding:1px; background-color:white; border:1px solid #4f4f4f; } .group-followers ul li a:hover img, .curator a:hover img, .related-profiles a:hover img, .group-photos a:hover img, .group-img a:hover img { background-color:#E0F2CB; border:1px solid #88b072;} .followers-bottom { clear:both; text-align:center; } .group-followers-large li { float:left; margin:0px 8px 5px 0px; } .group-followers-large li.nopad { margin-right:0px; } .group-followers-large li img { padding:1px; background-color:white; border:1px solid #cbcbcb; } .user-feedback { margin:20px 0px; } .user-feedback textarea { width:97%; margin-bottom:7px; } .user-feedback .box-btm-green .box-btm-rt { height:26px; } .user-feedback .star-rating, .user-feedback .star-rating li { background-color:transparent; border:none; margin:0px; } .user-feedback .inline-rating { margin:0px 0 0px 114px; } .user-feedback .inline-rating .star-rating { clear:none; float:left; } .user-feedback .inline-rating p { float:left; font-weight:bold; margin-right:6px; } .group-reviews, #group-wall { clear:both; } .group-reviews li .group-reviews-left { float:left; display:inline; } .group-reviews li .group-reviews-right { margin-left:73px; padding-bottom:10px; } .group-reviews.rel-photos li { border-bottom:1px solid #d6d6d6; padding-bottom:10px; } .group-reviews li h4 { font-size:14px; font-weight:bold; margin-bottom:5px; line-height:1.2em; } .group-reviews li h4 a { text-decoration:underline; } .group-reviews li { margin:10px 0px; border-bottom:1px solid #d6d6d6; } .group-reviews li.sticky { background:transparent url(http://em2.isnooth.com/images/note_icon.gif) no-repeat scroll 0 0; padding-left:35px; } .group-reviews li .w-details { margin-top:0px; margin-bottom:7px; font-size:12px; line-height:15px; color:#4b4b4b; } .group-reviews li .w-details .w-details-item { margin-right:10px; } .group-reviews li.last .group-reviews-right { border-bottom:none; } .group-reviews li p.comment-meta { text-align:right; } #groups .group-reviews li p img.tinyprofile { float:none; background-color:none; margin:0px; vertical-align:middle; padding:1px; border:1px solid #969696; } .w-details { color:#4B4B4B; font-size:11px; margin-bottom:7px; margin-top:0; } .w-details-item { margin-right:10px; } .comment-meta { font-size:11px; margin:6px 0px 0px 0px; } .group-post-date { float:right; margin:1px 0px 0px 10px; color:#999999; } .related-profiles { margin-bottom:15px; } .groups .item h5 { border-bottom:1px solid #c1c1c1; font-size:11px; margin:-5px 0px 10px 0px; padding-bottom:3px; color:#999999; clear:both; } .related-profiles li { width:33.2%; float:left; display:inline; margin:0px 0px 0px 0px; min-height:32px; } .related-profiles img { float:left; } .related-profiles h4 { margin:1px 0px 0px 29px; } .related-profiles h4 a { vertical-align:top; } /*-------------------------------------------------------------------------------- Groups Tab - Photos --------------------------------------------------------------------------------*/ .group-gallery { margin-bottom:20px; } .group-gallery .filmstrip { margin-top:20px; } .group-gallery .filmstrip li { float:left; width:104px; } .group-gallery .filmstrip a, .group-gallery .filmstrip .link-placeholder { float:left; position:relative; margin:0px 0px 0px 10px; border:1px solid #cbcbcb; background-color:#F7FEEF; } .group-gallery .filmstrip .link-placeholder { background-color:#4e7037; border-color:#4e7037; } .group-gallery .filmstrip a:hover { background-color:#E0F2CB; } .group-gallery .filmstrip li img { width:80px; height:80px; padding:3px; } .group-gallery .filmstrip li .img-num { position:absolute; bottom:1px; right:1px; background-color:white; padding:2px 2px; font-size:11px; } .group-gallery .filmstrip li.dots { width:20px; padding:0px 2px 6px 2px; margin:30px 10px 0px 10px; text-align:center; line-height:5px; vertical-align:middle; } .group-gallery .group-gallery-current { width:615px; border:1px solid #cbcbcb; margin:0px auto; background-color:#fafafa; text-align:center; padding:10px 0px; } .group-gallery .group-gallery-current img { max-width:597px; padding:1px; border:1px solid #cbcbcb; margin:0px auto;} .browse-wines { margin-bottom:15px; margin-left:20px;} .browse-wines li { float:left; width:50%; margin-bottom:10px; list-style:disc; list-style-position:outside; } .browse-wines li a { padding-right:15px; } .group-comment li { margin:10px 0px; padding:0px 0px 10px;} .group-comment-left { float:left; width:82px; } .group-comment-right { margin-left:93px; border-bottom:1px solid #d6d6d6; padding-bottom:10px; } .group-comment li.last .group-comment-right { border-bottom:none; } .comment-form-groups { margin-left:83px; margin-right:44px; } .group-photos { margin:25px 0px 20px 10px; } .group-photos a img { padding:1px; border:1px solid #969696; } .group-photos-main { float:left; width:380px; } .group-photos-sidebar { float:right; width:230px; } .groups-related h3 { color:#333333; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:1.3em; margin:0px 0px 4px; padding:0px 0px 4px 0px; } .groups-related ul img { width:50px; height:50px; float:right; padding:1px; border:1px solid #cbcbcb; margin-left:10px; } .groups-related ul li a:hover img { background-color:#e2ebd3; border-color:#5f9144; } .groups-related ul li { padding:10px 0px 10px 0px; border-top:1px solid #cbcbcb; } .groups-related .title, .groups-related .subtitle { margin-left:0px; } .groups-related .subtitle.subtitle-micro { font-size:9px; color:#555555; margin:5px 0px; text-transform:uppercase; letter-spacing:2px; } .group-followers-large { margin:15px 0px 15px 0px; } .rel-photo { float:right; } span.qmark { font-weight:normal; font-size:10px; position:relative; top:-2px; } /* Wine of the day - 3/09 */ .classic #wotd-preview { font-size:1.2em; } .classic #wotd-module * { font-family:Helvetica,"Helvetica Neue",Arial,sans-serif !important; } #wotd-module { position:relative; width:311px; background:transparent url(http://em1.isnooth.com/images/v2/content/wotd7.gif) no-repeat scroll top left; float:left; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } #wotd-module.wotd-red, #wotd-module.wotd-red .wotd-bottom, #wotd-module.wotd-red .buy-btn, #wotd-module.wotd-red .buy-btn:hover { background-image:url(http://em2.isnooth.com/images/v2/content/wotd-red2.gif); } #wotd-module.wotd-red .prices, #wotd-module.wotd-red .wotd-footer { background-color:white; border-color:#777777; } #wotd-module * { font-family:Helvetica,"Helvetica Neue",Arial,sans-serif; } #wotd-module .countdown-top { color:white; margin:16px 10px 0 14px; float:left; display:inline; } #wotd-module .countdown-top .countdown { font-size:3.1em; margin-top:1px; font-style:italic; color:white; font-weight:bold; } .wotd-bottom { height:13px; width:311px; margin:10px 0px 0px 0px; background: transparent url(http://em1.isnooth.com/images/v2/content/wotd7.gif) no-repeat scroll left bottom; float:left; } .wotd-content { float:left; padding-top:49px; width:288px; margin-left:12px; display:inline; } .wotd-content .wtod-header-link { position:absolute; top:0px; left:0px; width:311px; height:350px; } .wotd-image-box { float:left; display:block; text-align:center; width:130px; background-color:white; border:1px solid #c4cfb9; } a.wotd-image-box:hover { background-color:#eaffd1 !important; } .wotd-image-box img { /*max-height:215px; */max-width:120px; background-color:inherit; border:none; padding:5px 5px 5px 5px; } .wotd-details { width:150px; margin:0px 0px 10px 138px; } .wotd-details .name { font-size:1.2em; margin-bottom:3px; font-weight:bold; } .wotd-details .name a { color:#ffffff; } .wotd-details .subtitle { color:#ffffff; font-size:1em; margin:5px 0px 1px 0px; float:none; width:inherit; } .wotd-details .title { color:#ffffff; font-size:.9em; margin:0px 0px 3px 0px; font-weight:bold; } .wotd-details .prices { background-color:#ffffff; border:1px solid black; float:left; padding:5px 5px 1px 5px; width:141px; margin:5px 0px 5px 0px; } .wotd-details .title.regular-price { margin:0px 0px 6px 0px; color:black; /*text-decoration: line-through;*/ } .wotd-details .sale-price-desc { width:50px; float:left; display:inline; font-size:1em; line-height:1.15em; font-weight:bold; color:black;} .wotd-details .sale-price * { font-weight:bold; color:black; font-style:italic; } .wotd-details .sale-price { width: 104px; margin-left: 40px; text-align:center; font-weight:bold; } .sale-price .currency-label { font-size:1em; letter-spacing:0px; position:relative; top:-15px; left:0px; } .sale-price .price { letter-spacing:-2px; font-size:2.7em; } .sale-price .price sup { letter-spacing:0px; font-size:.5em; top:-12px; } .sale-price .currency { font-size:.8em; letter-spacing:-1px; position:relative; left:-17px; } .sale-price .sale-price-cents { font-size:.6em; position:relative; top:-10px; letter-spacing:0px; } #description-counter { color:inherit; font-size:inherit; font-weight:inherit; } .wotd-desc { float:left; margin:5px 0px 0px 0px; } .wotd-desc p { color:#ffffff; } .wotd-desc p a { color:#ffffff; text-decoration:underline; } .wotd-desc p a:hover { color:#ffffff; text-decoration:none; } .wotd-footer { float:left; margin:5px 0px 0px 0px; background-color:#ffffff; border:1px solid #99c77e; padding:8px 5px; width:275px; text-align:center; } .buy-btn { display:block; float:right; width:66px; height:66px; margin:0px 0px 10px 10px; background:transparent url(http://em1.isnooth.com/images/v2/content/wotd7.gif) no-repeat scroll -382px 0px; } .buy-btn:hover { background:transparent url(http://em1.isnooth.com/images/v2/content/wotd7.gif) no-repeat scroll -382px -72px; } p.byline { font-size:1em; margin:0px; font-style:italic; } /*--------------------------------------- Autocompleter CSS ----------------------------------------*/ ul.autocompleter-choices { position: absolute; margin: 0; padding-top:3px; z-index: 50; border: 1px solid #eee; background: #fff; border:1px solid #7c7c7c; border-left-color:#c3c3c3;border-right-color:#c3c3c3; border-bottom-color: #ddd; font-size:12px; } ul.autocompleter-choices li { list-style: none; position: relative; padding: 0.1em 1.5em 0.4em 1em; cursor:pointer; font-size: 1.1em; color:#6c963f; } ul.autocompleter-choices li.autocompleter-selected { background: #bedeab; color: #3f5e2c; } ul.autocompleter-choices span.autocompleter-queried { font-weight: bold; color: #3f5e2c; } ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { } /*-------------------------------------------------------------------------------- Ad Takeovers --------------------------------------------------------------------------------*/ /* Bordeaux Aug 2010 */ body.bdx { background-image:none; } body.bdx #paint-streaks { background: transparent url(http://em2.isnooth.com/images/ad/bordeaux-takeover-5.jpg) no-repeat scroll center 0px; } body.bdx #navbar { background-image:none; border:1px solid #9bac7e; -moz-border-radius:3px; -webkit-border-radius:3px; } body.bdx .bdx-btns { position:absolute; top:0px; z-index:100; } body.bdx .bdx-btns.bdx-btns-left { left:50%; margin-left:-690px; } body.bdx .bdx-btns.bdx-btns-right { left:50%; margin-left:489px; } body.bdx .bdx-btns a { width:200px; height:953px; display:block; margin-bottom:7px; background: transparent url(http://em1.isnooth.com/images/spacer.gif) repeat-y scroll 0px 0px; } .takeover-btns { position:absolute; width:100%; top:0px; background-color:transparent; z-index:0; } .takeover-btn-left { float:left; display:inline; height:500px; width:300px; position:relative; z-index:0; } .takeover-btn-right { float:right; display:inline; height:500px; width:300px; position:relative; z-index:0; } .takeover-center { width:982px; margin:0px auto; height:500px; position:relative; z-index:1; } body.bdx #main { position:relative; z-index:2; width:978px; margin:0px auto; } /* Trapiche */ .tr-pairing { background: transparent url(http://em2.isnooth.com/images/ad/trapiche-recipe-module-cropped-2.jpg) no-repeat scroll 0px 0px; width:292px; height:97px; display:block; margin:-8px -5px 6px -7px; position:relative; } /*-------------------------------------------------------------------------------- Wine Details - Wine Profile - 4/10 - Once set, try to refactor any cruft above --------------------------------------------------------------------------------*/ .wp-top { margin-top:19px; padding-bottom:5px;} .wp-img { float:left; display:inline; width:150px; text-align:center; } .wp-img img { padding:2px; border:1px solid #dedede; } .wp-img:hover img { background-color:#e0f2cb;} .wine-img-holder { float:left; display:inline; width:146px; } .wine-caption { float:left; display:block; text-align:center; font-style:italic; font-size:11px; color:#a1a1a1; line-height:12px; margin:4px 11px 0; } .wp-details { float:right; display:inline; width:461px; } .more-from-winery { display:block; clear:left; font-size:12px; line-height:13px; } .detailsv3 .share_icons { margin-bottom:20px; } .wine-title { margin:0px 0px 2px 0px; font-size:21px; color:#444444; padding-right:15px; } .wine-title a { color:#444444; } .wine-shopinfo { border:1px solid #cccccc; border-width:1px 0px; padding:0px 0px; margin:10px 0px; line-height:35px; font-size:12px; } .wine-sr { float:left; display:inline;} .wine-sr .sr { float:none; margin:0px 0px 0px 0px; display:inline;} .wine-sr .sr .star-img-holder { display:inline-block; margin:0px 0px -3px 0px; width:81px; } .wine-price { float:right; display:inline; } .wine-btns { float:right; display:inline; width:150px; } .btn-big { font-size:.9em; padding:6px 26px 7px; margin:0px 0px 10px; display:block; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; text-shadow:1px 1px 0 #ffffff; border:1px solid black; border-color:#dfdfdf #a0a0a0 #a0a0a0 #dfdfdf; background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5)"; } .btn-big:hover { text-decoration:none; background: -moz-linear-gradient(top, #f5f5f5, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff5f5f5, endColorstr=#ffffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff5f5f5, endColorstr=#ffffffff)"; } .button.dropdown span { background:url("../images/vim/sprite-icons-vert.png") no-repeat scroll 0px -1276px; width:19px; height:22px; position:absolute; right:0px; top:0px;} .dropdown-holder { position:relative; } .browse-similar { width:200px; padding:9px 11px; position:absolute; z-index:2; right:-2px; top:-2px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; text-shadow:1px 1px 0 #ffffff; border:1px solid black; border-color:#dfdfdf #a0a0a0 #a0a0a0 #dfdfdf; background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5)"; } .browse-similar { background-color:white; } /*ie8*/ .browse-similar .interact-close { margin:0px; } .browse-similar .title { display:block; font-weight:bold; font-size:13px; margin:0px 0px 10px 0px; } .browse-similar li { margin:4px 0px; } .wine-btns .button { display:block; margin-bottom:9px; } .read-reviews { float:left; margin-left:20px; text-align:center;font-size:.9em; padding:2px 0px 2px 22px; background:url(http://em1.isnooth.com/images/vim/sprite-icons-vert.sr13211.png) no-repeat scroll 0px -213px transparent; } .oos { background-color:#F7FEEF; border:1px solid #B7D296; padding:7px 7px 9px; clear:both; margin:0px 0px 12px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; } .oos-label { font-weight:bold; margin-bottom:5px; } .oos p { font-size:11px; line-height:12px; } .oos-checkbox { text-align:center; margin:5px 0px 0px; } #oos-email { font-size:11px; background-color:white; margin-top:7px; padding:2px 2px; width:97px; } #oos-email-submit { float:right; display:inline; padding:3px 3px 2px; margin:8px 0px 0px 0px; font-size:11px; } .empty-wine { margin:15px 0px; } .empty-wine strong { display:block; font-size:14px; margin-bottom:4px; } .wp-top .wine-details, .datalink .wine-details { width:308px; margin-bottom:4px;} .wp-top .wine-details dt, .datalink .wine-details dt { width:90px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; line-height:1; color:#444444; font-style:normal;} .wp-top .wine-details dd, .datalink .wine-details dd { width:204px; } .winery-claimed { padding:0px 4px 0px 10px; margin-left:2px; width:20px; height:20px; background:url("../images/vim/sprite-icons-vert.png") no-repeat scroll 0px -1505px; } .winery-claimed:hover { cursor:pointer; } .details .wp-top .product-badge-holder { display:inline; line-height:1; padding:0px; text-align:left; position:relative; margin-left:5px; top:5px;} .details .wp-top .product-badge-holder .product-badge { display:inline; float:none; padding:0px 8px; width:auto; margin:0px; } .details .wp-top .product-badge-holder .product-badge:hover { cursor:pointer; } .wd-main dl, .details dl { display:inline; float:left; position:relative; } .wd-main dt, .details dt { color:#999999; display:inline; float:left; line-height:1.1em; overflow:hidden; padding:0 0 5px; width:100px; } .wd-main dd, .details dd { display:inline; float:left; line-height:1.1em; margin-left:12px; padding:0 0 5px; width:226px; } .wd-edit { display:block; position:absolute; top:0px; right:0px; text-align:right; } .details .product-badge-holder { color:#999999; line-height:1.1em; padding:0 0 5px; text-align:right;} .details .product-badge-holder .product-badge { margin:0 -3px 0 5px; } .section-header { margin:33px 0px 10px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:14px; font-weight:bold; color:#333333; border-bottom:1px solid #dedede; padding:0px 0px 7px 0px; } /* Sim Wines */ .detailsv3 .wines-micro-horiz li { width:304px; } .detailsv3 .wines-micro-horiz li .title { font-size:14px; font-weight:bold; } .detailsv3 .wines-micro-horiz li .subtitle { font-size:12px; } .wp-user-tags { background:none repeat scroll 0 0 white !important; color:#666666; font-size:13px; font-style:italic; line-height:16px; margin-bottom:-10px; } .wp-user-tags:hover { background:white !important; } .wp-user-tags h3 { display:inline; font-size:10px; color:#838282; font-weight:bold; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; color:#444444; } .wp-user-tags a { padding:3px 10px 4px; margin:0px 0px 10px; -moz-border-radius:19px; -khtml-border-radius:19px;-webkit-border-radius:19px;border-radius:19px; font-size:.8em; font-weight:bold; text-shadow:1px 1px 0 #ffffff; border:1px solid black; border-color:#dfdfdf #a0a0a0 #a0a0a0 #dfdfdf; white-space:nowrap; display:inline-block; background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5)"; } .wp-user-tags a:hover { text-decoration:none; background: -moz-linear-gradient(top, #f5f5f5, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff5f5f5, endColorstr=#ffffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff5f5f5, endColorstr=#ffffffff)"; } .wp-user-tags a.addmore { border:none; background-image:none; background-color:transparent; padding:0px 0px 0px 10px; display:inline; line-height:14px; } .gradient-gray a:hover, .gradient-gray:hover { } .review-highlight { margin-bottom:10px; padding-left:15px; min-height:28px; } .reviewer { border:1px solid #666666; float:left; margin:2px 8px 0px 0px; } .reviewer img { width:20px; height:20px; padding:1px; } .review-highlight p { padding-top:0px; margin-left:37px; } .review-highlight .viewmore { font-size:11px; white-space:nowrap; } .wp-callout { width:239px; padding:10px 0px 3px; margin:3px 0px 6px 10px; float:right; display:inline; -moz-border-radius:3px; -khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border:1px solid black; border-color:#dfdfdf #a0a0a0 #a0a0a0 #dfdfdf; background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5)";border:1px solid #c5c5c5; } .wp-callout p { padding:0px 10px; margin-bottom:8px; line-height:13px; } .wp-callout strong { display:block; font-size:11px; color:#595959; } .details .item-results { } .detailsv3 .left-col-details .item-results li { width:45%; float:left; margin-right:13px; border-bottom:none; } .detailsv3 .left-col-details .item-results { width:auto; } .detailsv3 .results .wine-data { width:348px; } .detailsv3 .results dd { width:220px; padding-left:0px !important; } .edit-notice { border:1px solid #bfcfa7; padding:12px 26px 13px 73px; background:url(http://em2.isnooth.com/images/icon-editorial-pick.png) no-repeat scroll 8px center; background-color:#fafcf7; margin:13px 0 23px 0px; } .edit-notice .header { font-weight:bold; display:block; margin:0px 0px 4px; font-size:14px; } .groups-top .edit-notice { margin-top:-16px; } #add-editorial-link { position:absolute; left:5px; top:5px; position:fixed; } /* Wine Reviews */ .wp-wine-review { width:100%; margin:20px 0px; border-bottom:1px solid #ececec; } .wine-review-image { float:left; display:inline; width:93px; padding-bottom:10px; } .wine-review-main { margin-left:100px; } .wp-wine-review-top { margin-bottom:10px; font-size:11px; text-align:right;} .wp-wine-review-top .star-rating-wrapper, .review-topleft { float:left; display:inline; } .wp-wine-review-top .star-rating { clear:none; } .wp-wine-review-date { } .wp-wine-review-text { margin-bottom:7px; } .wp-wine-review-bottom { margin:10px 0 14px; font-size:11px; width:100%; } .wp-wine-review-actions { display:block; margin-bottom:5px; } .wp-wine-review-actions, .wp-wine-review-actions a, .wp-wine-review-vote a, .wp-wine-review-vote span { line-height:20px; padding-top:1px;} .wp-wine-review-actions a { background:url("../images/vim/sprite-icons-vert.png") no-repeat scroll 0px -214px; padding:1px 0px 4px 20px; margin-right:13px; } .action-reply { } .action-flag { color:#999999; background-image:none !important; padding-left:0px !important; } .action-edit { background-position:2px -1622px !important; } .action-embed { background-position:2px -2227px !important; } .action-tweet { background-position:2px -2290px !important; } .review-vote { background-position:0px -2461px !important; } .wp-wine-review-vote { float:right; display:inline; } .external-review { background-color:#fcfcfc; border:1px solid #dedede; display:block; margin:0 auto; position:relative; text-align:center; width:58px; } .external-review img { padding:3px; } .simplereview.wp-wine-review { margin:0px 0px; padding:7px 0px;} .simplereview .wp-wine-review-top { margin:7px 0px 0px; } .simplereview .user-image { width:26px; } .simplereview .user-image img { width:20px; height:20px; } .simplereview .wine-review-image { width:60px; padding-bottom:0px; } .simplereview .wine-review-main { margin-left:60px; } .simplereview .label { font-size:13px; float:left; display:inline; } .simplereview .star-rating { float:left; display:inline; bottom:1px; } .simplereview .action-edit { display:none; } .simplereview:hover .action-edit { display:inline; } /* Comments */ .sn-comments, .sn-comment { width:408px; } .sn-comments .sn-user { } .sn-comments .comment-body { margin-left:40px; font-size:12px; line-height:16px; padding-right:14px; } .sn-comments .comment-body a { font-weight:bold; } .delete-comment { float:right; text-decoration:none; display:none; } .sn-comment:hover .delete-comment { display:block; } .sn-comment { padding:4px 5px; background-color:#ebf5eb; margin:0px 0px 3px 0px; } .sn-user { background-color:#F7FEEF; border:1px solid #B7D296; text-align:center; padding:3px; float:left; } .sn-user img { width:20px; height:20px; } .sn-user:hover { background-color:#e0f2cb; } .label { font-size:11px; color:#777777; } .add-comments { text-align:right; padding-bottom:15px; } .wp-wine-review-bottom .add-review-textarea.comment-invite { margin-left:0px; border:1px solid #baccba; width:393px; margin-bottom:0px; } .wp-wine-review-bottom .add-review-textarea { margin-left:35px; display:block; font-size:12px; width:359px; border:1px solid #baccba; } .detailsv3 .user-name { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-style:normal; font-size:10px; font-weight:bold; } /*Like Panel */ .like { clear:both; padding:12px 6px 13px; margin:0px 0px 25px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; border:1px solid black; border-color:#dfdfdf #a0a0a0 #a0a0a0 #dfdfdf; background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5)"; } .like-score { margin:0px 0px 0px 0px; float:left; width:114px; text-align:center; } .like-vote { width:166px; float:right; display:inline; text-align:center; margin:1px 0px 0px 0px; line-height:23px; } .like-vote.voted { width:163px; margin-top:0px; padding:4px 1px; line-height:16px; background-color:#feffd4; } .like .button { padding:3px 9px; } .like strong { font-size:20px; position:relative; bottom:-3px; margin-right:5px; } .voted-like, .voted-dislike { font-weight:bold; } .voted-like { } .voted-dislike { } .clearvote { font-size:10px; position:relative; top:-4px;} .like .label { display:block; clear:both; padding-top:10px; text-align:center; font-size:11px; } .like .label em { font-size:11px; font-weight:bold; font-style:normal; } .ratethis .icon-vote { display:inline-block; margin:0px 1px -3px 1px; } .ratethis .icon-vote:hover { cursor:pointer; } .ratethis .icon-vote.vote-down { background-position:-586px -245px; } .ratethis .icon-vote em { display:none; } .ratings-overview { float:left; } .ratings-overview.ratings-left { width:245px; } .ratings-overview.ratings-right { width:198px; } .detailsv3 .merchant-sort { border-bottom:none; margin-bottom:0px; margin-top:8px; } .merch-location { margin:1px 0 9px; } .price-listing { border:1px solid #cccccc; padding:11px 11px 8px; border-bottom:none; background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5)";} .merch-info { float:left; width:44%; margin:0px 7px 3px 0px; } .merch-title, .merch-info .subtitle { margin-left:65px; display:block; } .merch-info .product-badge { display:block; float:none; margin-top:4px; padding-left:20px; padding-top:2px; width:auto; } .merch-title { font-weight:bold; margin-bottom:6px; margin-top:1px; font-size:14px; } .merch-rating { float:left; width:100px; margin-right:7px; margin-top:8px; font-size:11px; } .merch-rating a { line-height:13px; } .detailsv3 .star-rating { margin-bottom:5px; } .merch-btn { float:right; width:100px; margin-top:8px; } .merch-price { float:right; display:inline; margin-right:7px; margin-top:8px; width:100px; font-size:11px; line-height:14px; } .merch-price strong { display:block; font-size:15px; } .merch-btn .button { display:block; } .rule { margin:3px 0px; clear:both; } .price-listing .rule { padding-left:66px; } .r-top { background:none repeat scroll 0 0 #DDDDDD; display:inline-block; font-size:1px; height:1px; width:100%;} .r-bottom { background:none repeat scroll 0 0 white; display:inline-block; font-size:1px; height:1px; width:100%;} .merch-offer { clear:both; margin-top:4px; padding-left:66px; } .merch-offer strong, .merch-offer p { font-size:.8em; line-height:1.3em; } .merch-offer strong { float:left; margin-right:6px; } .merch-offer p { padding-right:125px; } .merch-bad-price { color:#999999; float:right; font-size:.8em; margin:1px 0px 0px 0px; } .merch-img { float:left; } .merch-img img { padding:2px; border:1px solid #dedede; background-color:white; } .price-listing-bottom { position:relative; border:1px solid #cccccc; background-color:#fcfcfc; padding:10px 0px;} .price-listing-bottom .btn-store { margin:0px 229px; padding:5px 0px 7px; } .zip-search { position:absolute; right:9px; top:11px; } .zip-search input.text { font-size:13px; padding:5px 4px; width:50px; } .zip-search .button { font-size:11px; padding:2px 5px; } .price-listing-top { border:1px solid #cccccc; border-bottom:none; background-color:#f7f7f7; padding:10px 10px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; } .price-listing-top h3 { color:#444444; font-size:16px; margin:0px; } .sort-tools { float:left; display:inline; font-size:11px; margin-top:2px;} .sort-tools li, .sort-tools ul, .sort-tools h4 { display:inline; } .sort-tools li { margin-right:5px; } .price-listing-top .zip-search { float:right; position:static; margin:0px 0px 8px 0px } .price-listing-top .zip-search label { font-size:11px; font-weight:bold; } .price-listing-top .zip-search input.text { font-size:12px; padding:2px 3px; width:65px; } .price-listing-top .btn-store { display:inline; padding:3px 4px 2px 5px; font-size:11px; position:relative; top:-1px; margin:0px 0px 0px 5px; } .merch-featured { padding:2px 0px 3px 20px; margin:2px 0px 0px -1px; float:left; font-size:11px; background:url("../images/vim/sprite-icons-vert.png") no-repeat scroll 0px -1443px transparent; } /* Panel */ .panel { margin:0px 0px 25px; -moz-border-radius:4px; -khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; border:1px solid black; border-color:#dfdfdf #a0a0a0 #a0a0a0 #dfdfdf; } .panel-nav { margin:0px 0px 0px 0px; background:url(http://em1.isnooth.com/images/panel-sprite.gif) no-repeat scroll center bottom transparent; } .panel-nav li { float:left; display:inline; margin:0px 4px 0px 0px; background-position:right bottom; } .panel-nav li a { float:left; display:inline; padding:11px 12px 11px 8px; font-size:11px; font-weight:bold; } .panel-nav li a:hover { text-decoration:none; } .panel-nav .current-panel { background:url(http://em2.isnooth.com/images/panel-right.gif) no-repeat scroll right bottom white; } .panel-nav .current-panel a { background:url(http://em1.isnooth.com/images/panel-left.gif) no-repeat scroll left bottom transparent; } .panel-nav .current-panel .first-tab { background-image:none; } .panel-nav li a span { padding:1px 0px 6px 20px; background:url(http://em1.isnooth.com/images/vim/sprite-icons-vert.sr13211.png) no-repeat scroll 0px 0px transparent; } .panel-nav .panel-interact span { background-position:0px -137px; } .panel-nav .panel-share span { background-position:0 -1686px; } .panel-nav .panel-edit span { background-position:0px -1750px; } .panel-content { min-height:75px; overflow:hidden; padding:10px 7px 7px; background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5)"; } .panel-cellar { float:right; display:inline; width:49%; } .panel-cellar .label { font-weight:bold; font-size:11px; color:#666666; float:left; margin:3px 0px 5px 0px;} .microform { font-size:11px; color:#808080; padding:2px 2px; border:1px solid black; border-color:#b4b4b4 #e7e7e7 #e7e7e7 #b4b4b4; } .cellar-num-holder { position:relative; float:right; width:11px; height:19px; margin-left:4px; } .cellar-num { position:absolute; width:11px; height:11px; background:url("../images/vim/sprite-icons-vert.png") no-repeat scroll -2px -2408px transparent; text-indent:-9999px; } .c-add { top:0px; left:center; height:9px;} .c-add:hover { background-position:-2px -2431px; } .c-remove { bottom:0px; left:center; background-position:-2px -2417px; height:10px; } .c-remove:hover { background-position:-2px -2440px; } .c-num { float:right; width:22px; } .c-note { float:left; margin-top:6px; width:133px;} .c-note.active { width:83px;} .panel-cellar .button { font-size:11px; margin:5px 0px 0px 5px; float:left; padding:0px 8px 1px 7px; line-height:16px; } .panel-subnav { text-align:center; clear:both; font-size:11px; padding-top:0px; } .panel-links { padding:0px 10px; } .panel-links li { margin:0px 0px 7px; float:left; display:inline; font-size:.8em; padding:0px 0px; clear:left; } .panel-links li a, .panel-links li span { font-weight:bold; padding:4px 0 5px 22px; background:url(http://em1.isnooth.com/images/vim/sprite-icons-vert.sr13211.png) no-repeat scroll 0px 0px transparent; display:block; } .panel-links li .simple { padding:0px; background-image:none; display:inline; } .panel-links li span { background-image:none; padding-left:0px; margin-left:-3px; } .panel-links li span input { margin-right:8px; } .panel-links .add-review a { background-position:0px -776px; } .panel-links .add-wishlist a { background-position:0px -922px; } .panel-links .start-discussion a { background-position:0px -1366px; } .panel-links .add-vintage a { background-position:2px -1114px; } .panel-links .add-image a { background-position:0px -1958px; } .panel-links .bookmark a { background-position:0px -850px; } .panel-links .add-to-cellar a { background-position:0px -978px; } .panel-links .send-to-friend a { background-position:0px -1044px; } .panel-links .add-wm-notes a { background-position:0px -2104px; } .panel-links .delete-wm-notes a { background-position:0px -2171px; } .panel-links .edit-product a { background-position:0px -2032px; } /* Add/Edit Review */ .add-review { margin:20px 0px 40px; } .wine-review-controls { float:right; display:inline; width:116px;} .add-review-textarea, .add-review-tags { padding:3px 6px; width:380px; font-size:13px; border:1px solid black; border-color:#B4B4B4 #E7E7E7 #E7E7E7 #B4B4B4; } .add-review-textarea { margin-bottom:20px; } .add-review .examples, .overlay-content .add-review .examples { display:block; font-size:10px; color:#999999; margin-top:7px; } .add-review-glasses { padding:12px 6px; margin:0px 0px 20px; text-align:center; -moz-border-radius:2px; -khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:1px solid black; border-color:#dfdfdf #a0a0a0 #a0a0a0 #dfdfdf; background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff5f5f5)"; } .overlay-contnt .add-review-glasses { padding-bottom:0px; } .add-review-glasses .label { display:block; text-align:center; font-size:11px; margin-bottom:10px;} .add-review-glasses .star-rating { margin:0px auto; left:-1px} .overlay-content .add-review-glasses .star-rating { margin-bottom:10px; } .wine-review-controls .button { display:block; margin-bottom:10px;} .wine-review-controls .checkbox { margin-right:5px; } .wine-review-controls .checkbox-label { font-size:11px; color:#999999; } .overlay-content .add-review { margin-top:20px; } .overlay-content .add-review-textarea, .overlay-content .add-review-tags { width:273px; } .overlay-content .add-review-textarea { margin-bottom:10px; } .overlay-content .fineprint { font-size:11px !important; line-height:13px !important; color:#999999; margin-top:20px !important; text-align:center; } .tasting-terms { height:300px; margin-top:20px; overflow:auto; } /* Images */ .detailsv3 .group-gallery .filmstrip li img { width:auto; height:auto; max-width:80px; max-height:80px; } .detailsv3 .group-gallery .filmstrip li { /*background-color:#F7FCF0; border-color:#E2EDD3 #C3CCB6 #C3CCB6 #E2EDD3; border-style:solid; border-width:1px; float:left; height:96px; margin:0px 10px 0px 0px; min-width:90px; padding:10px 10px 5px; position:relative;*/ } .detailsv3 .group-gallery .filmstrip li.dots { margin:30px 0px 0 8px; padding:0px 0px 6px; width:22px; } .detailsv3 .group-gallery .filmstrip li img { display:inline; text-align:center; } .detailsv3 .group-gallery .filmstrip a, .group-gallery .filmstrip .link-placeholder { background-color:none; border:1px solid #cbcbcb; margin:0px 0px 0px 12px; } .detailsv3 .group-gallery .filmstrip a, .detailsv3 .group-gallery .filmstrip .link-placeholder { display:block; float:none; text-align:center; height:89px; } /* Store by region pages */ .sbr .merch-info { width:54%; } .sbr .merch-btn { width:223px; margin-top:0px; } .sbr .merch-btn p { margin-bottom:3px; } .sbr .subtitle { line-height:13px; } /* CH Vote Widget */ .PDS_Poll { margin:30px 0px 25px; width:100%; } .pds-box { background:url(http://assets.snooth.com/clients/ch/poll-images/ch-sprite1.gif) no-repeat scroll left top transparent; width:100%;} .pds-vote { background:url(http://assets.snooth.com/clients/ch/poll-images/ch-sprite1.gif) no-repeat scroll left bottom transparent; padding-bottom:15px; width:100%;} .pds-question-top { display:none; } .pds-answer { padding:100px 10px 0px; } .pds-answer-group { display:block; margin:0px 0px 10px 0px; } .pds-vote-button { background:url(http://assets.snooth.com/clients/ch/poll-images/ch-sprite1.gif) no-repeat scroll right bottom transparent; display:block; height:46px; margin:15px 7px 15px 0; } .pds-vote-button:hover { background-position: right -390px; } .pds-vote-button span { display:none; font-size:1px; } .pds-links, .pds-links-back { display:block; text-align:center; font-size:11px; } .pds-links br { display:none !important; } .pds-pd-link { display:none !important; } .pds-view-results, .pds-share, .pds-return-poll { color:#757575; } .pds-view-results { margin-right:10px; } .pds-return-poll { margin-right:10px; } .pds-feedback-group { margin:0px 7px 20px; } .pds-feedback-label { font-size:13px; color: #333;text-align: left;padding: 4px 0px 0px 0px; position:relative; display:block;} .pds-feedback-per, .pds-feedback-votes { position:relative; bottom:-26px; } .pds-feedback-per { position:absolute; width:50px; bottom:-39px; right:0px; text-align:right; color:#464646; } .pds-feedback-votes { float:right; display:none !important; } .pds-total-votes { text-align:center; display:block; margin:0px 0px 15px; } .pds-answer-feedback{ background:#979797 url(http://assets.snooth.com/clients/ch/poll-images/alum-feedback.png) repeat-x left top; border:0px solid #838383; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; } .pds-answer-feedback-bar{ background:#8FA1B7 url(http://assets.snooth.com/clients/ch/poll-images/alum-feedback.png) repeat-x left bottom; border:1px solid #4D6382; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:17px; } .pds-vote-button-load { display:none; } .pds-vote-button-load SPAN{ visibility: hidden; } .link-embed { cursor: pointer } .comments .author-wrapper .link-embed { color:#6C963f; } .comments .author-wrapper .link-embed:hover { color:#7abd33; text-decoration:underline; }