.text-input { color: #7f7f7f; font-size: 14px; border-radius: 4px; width: 320px; height: 28px; line-height: 22px; background-color: #fbfbfb; border: 1px solid #c1c1c1; padding: 0px 2px; margin-bottom: 15px; }
    .text-input:focus { box-shadow: 0px 0px 3px 0px #989283; }

/* Products - Ajax AutoComplete page */
.autocomplete-content { padding: 15px 0 22px; /* Mozilla Firefox */ background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, rgba(184,242,255, 0.2) -33%, rgba(255,255,255, 1) 68%); /* Opera */ background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, rgba(184,242,255, 0.2) -33%, rgba(255,255,255, 1) 68%); /* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, rgba(184,242,255, 0.2) -33%, rgba(255,255,255, 1) 68%); /* W3C Markup, IE10 Release Preview */ background-image: radial-gradient(ellipse farthest-corner at center bottom, rgba(184,242,255, 0.2) -33%, rgba(255,255,255, 1) 68%); }
.autocomplete-intro { width: 540px; float: left; padding: 0 0 20px; }
.autocomplete-upper-text { font-size: 18px; line-height: 28px; color: #3b3b3b; margin-bottom: 25px; }
.autocomplete-lower-text { font-size: 15px; line-height: 25px; color: #767676; margin-bottom: 25px; width: 355px; }
.autocomplete-demo-wrap { float: right; width: 500px; padding: 0 65px 0 0; margin: 30px 0 0; }
.autocomplete-demo { width: 450px; padding: 9px 21px; border: 0px solid #cacaca; margin-bottom: 10px;}
    .autocomplete-subscribe label { display: block; font-weight: normal; font-size: 18px; line-height: 36px; text-transform: uppercase; color: #7F7F7F; }
    .autocomplete-demo .f-section { position: relative; }
        
    .autocomplete-demo h3 { font-size: 22px; line-height: 36px; border-bottom: 1px solid #CACACA; padding-bottom: 2px; margin-bottom: 16px; }
    .autocomplete-demo .text-input, .autocomplete-subscribe .text-input { font-size: 16px; width: 100%; padding: 0 1.5%; }
    .autocomplete-demo .radio-label { margin-top: -10px; }
        .autocomplete-demo .radio-label > label { display: inline; margin-right: 2px; text-transform: none; font-size: 14px; }
        .autocomplete-demo .radio-label label:first-child { color: #3b3b3b; }
.autocomplete-info-main { width: 670px; float: left; padding: 27px 35px 44px 35px; background-color: #efefef; margin-top: 28px; margin-bottom: 30px; }
    .autocomplete-info-main h3 { color: #191919; margin-bottom: 10px; }
    .autocomplete-info-main p { font-size: 15px; color: #2e2e2e; line-height: 1.6em; margin-bottom: 7px; }
.autocomplete-info-side { width: 366px; float: right; padding-bottom: 20px; margin-bottom: 30px; }
.scrolled { position: fixed; top: 10px; }
.autocomplete-info-side { width: 366px; float: right; padding-bottom: 20px; margin-bottom: 30px; }
.autocomplete-nav { margin: 28px 0 0; padding: 0; list-style: none; }
    .autocomplete-nav a { display: block; padding: 10px 0 9px 24px; background-color: #259cc2; font-size: 12px; color: #fff; margin-bottom: 1px; text-transform: uppercase; line-height: 1.2em; }
        .autocomplete-nav a:hover { background-color: #47C4E2; }
.autocomplete-subscribe { padding: 36px 45px 36px 40px; background-color: #efefef; }
.autocomplete-subscribe-form a.button { float: right; }
.autocomplete-subscribe .subscription-text p { font-size: 12px; line-height: 1.7em; }
.autocomplete-info-section { border-bottom: 1px solid #d4d4d4; padding-bottom: 33px; margin-bottom: 20px; }
.autocomplete-info-main > div:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }
.autocomplete-info-section p:last-child { margin-bottom: 0px; }
.autocomplete-info-section em { font-style: normal; }
.autocomplete-info-section span { font-style: normal; color: #30aed6; }
.code-sample { background-color: white; padding: 8px 33px 11px; margin-bottom: 8px; }

/* Autocomplete demo dropdown styles */
.autocomplete-w1 { position: absolute; top: 0px; left: 0px; margin: 6px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 1px 0 0 0; }
.autocomplete { border: 1px solid #999; background: #FFF; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; }
    .autocomplete .selected { background: #c4223c;color:  #000000; }
    .autocomplete div { padding: 5px 10px; white-space: nowrap; overflow: hidden; }
    .autocomplete strong { font-weight: normal; color: #3399FF; }

/* Products - Autocomplete for Prototype Page */
.autocomplete-alert { float: right; width: 415px; background-color: #F5F58A; padding: 20px; margin: 30px 50px 0 0; }
    .autocomplete-alert em { font-style: normal; }