BOTTLE BOOST
PREVIEW
HTML
CSS
Hands Free Bottle Feeding | Bottle Boost
Bottle Boost
Home
Learn More
Testimonials
Contact Us
Buy Now
Hands-free bottle feeding
Safely holds the bottle in the correct bottle feeding position
Easily attaches to any flat surface, such as a high-chair tray or tabletop
Lightweight and easy to use
The perfect baby shower gift
buy now
/* CSS Document Start */ *{ padding:0; margin:0; } html{ background:url(../images/top_bg.gif) top repeat-x; } body{ background:url(../images/body_bg_other.gif) bottom repeat-x; } .home{ background:url(../images/body_bottom_bg.gif) bottom repeat-x; } .clear{ clear:both; font-size: 0; line-height:0; } /* Wrapper Start */ #wrapper{ margin:0 auto; width:984px; } /* Wrapper End */ /* Header Start */ .header{ width:984px; height:220px; background:url(../images/header_bg.gif) left top no-repeat; } .inner_header{ padding:14px 0 0 104px; } .inner_header h1 a{ display:block; width:368px; height:127px; background:url(../images/logo.gif) no-repeat; text-indent:-9000px; } .nav{ float:left; padding:1px 0 0 0; margin:0; } .nav ul{ padding:0 0 0 4px; margin:0; list-style:none; } .nav ul li{ float:left; } .nav ul li a.home_btn{ display:block; background:url(../images/home_btn.gif) no-repeat left top; height:77px; width:152px; padding:0; outline:none; margin:0; text-indent:-2000px; } .nav ul li a.learn_more_btn{ display:block; background:url(../images/learn_more_btn.gif) no-repeat left top; height:77px; width:152px; padding:0 0 0 0 ; margin:0; outline:none; text-indent:-2000px; } .nav ul li a.testimentions_btn{ display:block; background:url(../images/testimentions_btn.gif) no-repeat left top; height:77px; width:152px; padding:0; margin:0; outline:none; text-indent:-2000px; } .nav ul li a.contact_us_btn{ display:block; background:url(../images/contact_us_btn.gif) no-repeat left top; height:77px; width:152px; padding:0; margin:0; outline:none; text-indent:-2000px; } .nav ul li a.buy_now_btn{ display:block; background:url(../images/buy_now_btn.gif) no-repeat left top; height:77px; width:152px; padding:0; margin:0; outline:none; text-indent:-2000px; } .nav ul li a:hover, .nav ul li a.active_nav{ background-position:bottom left; } /* Header End */ /* Content Start */ .centent{ width:880px; padding:18px 0 0 104px; } .padding_top_top_other{ padding-top:60px; } .content_left{ width:393px; float:left; padding:0 0 0 15px; } .content_left_index{ width:408px; float:left; padding:15px 0 0 15px; } .hands_free_ul{ padding:32px 0 0 0; } .hands_free_ul li{ list-style-type:none; padding:0 0 17px 0; width:349px; font-family:"Myriad Pro", Arial; font-size:18px; color:#00699f; } .hands_free_ul li{ text-indent:-9000px; } .buy_button{ float:left; padding-top:40px; } .buy_button a{ display:block; width:257px; height:52px; background:url(../images/buy_now_2.gif) no-repeat; text-indent:-9000px; } .price_details{ width:134px; height:94px; float:right; padding-top:40px; text-align:center; background:url(../images/price_and_shipping.gif) no-repeat; } .price{ color:#FFFFFF; font-family:"Myriad Pro", Arial; font-size:32px; } .free_shipping{ color:#a86e15; font-family:"Myriad Pro", Arial; font-size:14px; } .content_right{ width:382px; float:right; padding:4px 45px 0 0; } .content_right img{ padding:0 0 3px 0; } .baby_slide_thumb{ float:left; width:253px; } .baby_fetter_machine_thumb{ float:right; width:125px; } /*Content of Learn More Start*/ .content_left_learn_more{ width:817px; background:url(../images/bg_booster_details.gif) top right no-repeat; padding-bottom:72px; } .content_left_learn_more_top{ width:362px; float:left; } .content_right_learn_more_top{ width:446px; float:right; } .bottle_boost_details{ color:#418fb8; line-height:23px; padding:35px 0 39px 0; font-family:"Trebuchet MS", Arial; font-size:18px; letter-spacing:0.5px; } .content_left_learn_more_bottom{ width:817px; padding-bottom:126px; background:url(../images/bottle_feeding_bg.gif) top right no-repeat; } .bottle_feeding_thumb{ width:272px; float:left; padding:50px 0 0 0; text-align:center; } .bottle_feeding_thumb img{ padding:0 0 15px 0; } .bottle_feeding_thumb span{ font-family:"Trebuchet MS", Arial; font-size:13px; color:#00699f; } /*Content of Learn More End*/ /*Content of Buy now Start*/ .inner_pages_content { padding-top: 20px; } .inner_pages_content h2 { padding-bottom: 12px; } .inner_pages_content p { color: #00699f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 20px; } .page_separator { background: url(../images/sprtr.gif) no-repeat left; display: block; height: 20px; margin-bottom: 10px; } .inner_pages_content ul { list-style: decimal; font-weight: bold; margin-left: 21px; } .inner_pages_content ul li { color: #00699f; font-size: 13px; padding-bottom:42px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .inner_pages_content ul li span.conaitner { font-weight: normal; } .inner_pages_content ul li span.note { font-size: 11px; font-family: Arial; color: #74b2d1; display: block; padding: 3px 0 15px 0; } .selection { width: 102px; height: 110px; float: left; } .selection checkbox { float: left; margin-top: 2px; } .selection label { padding-left: 5px; } .selection img { margin-bottom: 10px; } .selection1 { float: left; padding-top:5px; } .selection1 checkbox { float: left; } input.txt { margin-left:10px; width:120px; height:21px; background:#e2f3f7; border:1px solid #9ec5d0; } .selection1 label { padding-left: 5px; } .inner_pages_content ul li textarea { width:470px; height:142px; background:#e2f3f7; border:1px solid #9ec5d0; } .inner_pages_content ul li select{ width:184px; height:21px; background:#e2f3f7; border:1px solid #9ec5d0; } input.zip_code{ width:185px; height:21px; background:#e2f3f7; border:1px solid #9ec5d0; } .submit_button{ background:url(../images/submit_button.gif); width:111px; height:32px; border:0; padding:0; margin:10px 0 0 0; cursor:pointer; } /*Content of Buy now End*/ /* Content of Testimonial Start*/ .content_left p{ font:normal 13px "Trebuchet MS"; color:#00699f; padding:0 0 40px 0; margin:0 0 25px 0; background:url(../images/spletor.gif) no-repeat bottom; } .post_txt{ display:block; font:bold 13px "Trebuchet MS"; color:#00699f; float:right; padding:10px 0 0 0 } .content_left_learn_more2{ width:817px; } .content_left_learn_more_bottom2{ width:817px; } .left_bottom{ width:352px; float:left; padding:0; margin:0; } .right_bottom{ width:352px; float:right; padding:0; margin:0; } .thum_nil{ background:url(../images/thum_nil.gif) no-repeat; width:325px; height:103px; padding:40px 0 0 27px; margin:0; } .thum_nil p{ background:none; padding:16px 0 0 10px; margin:0; } .img_logo{ padding: 0 14px 0 0; } .buy_button2{ margin:9px 0 35px 290px; } /* Content of Testimonial End*/ /*Content of Contact us*/ .content_left_contact{ width:445px; float:left; margin: 0; } .content_left_contact form{ padding: 50px 0 0 0; } .content_left_contact ul{ list-style:none; } .content_left_contact ul li label{ float:left; width: 66px !important; color:#00699f; font-size:13px; font-weight:bold; font-family:"Myriad Pro"; display:inline-block; } .input_width{ width:374px; height:21px; float:left; background-color:#e2f3f7; border:1px solid #9ec5d0; margin-bottom:4px; } .option_width{ width:376px; height:21px; color:#4394be; float:left; background-color:#e2f3f7; border:1px solid #9ec5d0; margin-bottom:4px; } .button_padding{ padding:0 0 60px 65px !important; } .button_padding input{ margin-top:10px !important; } .area_width{ width:375px; height:142px; float:left; background-color:#e2f3f7; border:1px solid #9ec5d0; } .content_right_contact{ width:364px; float:right; padding: 70px 0 0 71px; margin: 0; color:#00699f; font-size:13px; font-weight:bold; font-family:"Trebuchet MS"; font-style:normal; } .content_right_contact ul{ list-style:none; } .content_right_contact ul li{ padding:0 0 6px 0; margin:0; } .content_right_contact a{ color:#d93162; text-decoration:none; display:block; padding:20px 0 0 0; margin: 0; } .content_right_contact a:hover{ text-decoration:underline; } /*css for Thank you*/ .thank{ width:198px; } .thank h2{ color:#2093c9; font-size:30px; font-family:"Myriad Pro"; font-weight:normal; font-style:normal; margin: 0; padding: 0; background:url(../images/thank_you.gif) no-repeat; text-indent:-9000px; } .thank h3{ color:#00699f; font-size:13px; font-style:normal; font-family:"Trebuchet MS"; font-weight:normal; padding:36px 0 186px 0; margin: 0; } /* Content of Contact us*/ /* Content End */ .footer{ width:880px; height:121px; padding-left:104px; background:url(../images/footer_top_bg.gif) top no-repeat; } .inner_footer{ padding:30px 0 0 0; height:90px; } .footer_nav{ width:510px; margin:0 auto; } .footer_nav ul{ list-style:none; padding:0 0 0 50px; } .footer_nav ul li{ float:left; padding:0 20px 3px 0; list-style-type:none; text-transform:uppercase; } .footer_nav ul li a{ text-decoration:none; color:#8f5a79; font-family:Arial, Helvetica, sans-serif; font-size:10px; } .footer_nav ul li a:hover{ color:#d93162; } .footer_line{ color:#8e5b79; float:left; padding:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; } .developer_name{ padding:0 0 0 66px; } .developer_name span{ width:100px; color:#a86d98; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; background:url(../images/dmv_logo.gif) left no-repeat; padding:0 0 0 25px; } .bottom_line{ background:url(../images/footer_line.gif) top left no-repeat; width:574px; padding:2px 0 0 300px; } .hands_free_bottle{ background:url(../images/hands_free_bottle.gif) no-repeat; text-indent:-9000px; width:351px; height:29px; } .buy_now_heading{ background:url(../images/buy_now_heading.gif) no-repeat; text-indent:-9000px; width:572px; height:29px; } .thank_you_heading{ background:url(../images/thank_you.gif) no-repeat; text-indent:-9000px; width:142px; height:30px; } .contact_heading{ background:url(../images/contact_us.gif) no-repeat; text-indent:-9000px; width:278px; height:23px; } .change_way_heading{ background:url(../images/change_bottle_feeding_txt.gif) no-repeat; text-indent:-9000px; width:353px; height:65px; } .testimonials_heading{ background:url(../images/testimonials_heading.gif) no-repeat; text-indent:-9000px; width:477px; height:23px; padding-bottom:28px; } .feilds{ margin:10px 0 0 0; } .tele{ padding-top:15px; } .line1{ display:block; width:352px; height:41px; background:url(../images/line1.gif) no-repeat; } .line2{ display:block; width:369px; height:42px; background:url(../images/line2.gif) no-repeat; } .line3{ display:block; width:254px; height:24px; background:url(../images/line3.gif) no-repeat; } .line4{ display:block; width:257px; height:24px; background:url(../images/line4.gif) no-repeat; } /* CSS Document Ends */