@charset "utf-8"; /* BREASTPUMPS v1.0 2009 */ body { margin:0; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; } h1, h2, h3, h4 { font-size:26px; color:#8E8EB3; font-family:"Century Gothic", "Trebuchet MS", Arial; } a img { border:none; } /*FORMSTYLE*/ fieldset { margin:10px 0; padding:10px; border:none;  } legend { font-weight:bold; } label { display:block; color:#8E8EB3; text-align:left; } input { width:160px; border:1px solid #8E8EB3; padding:3px; text-align:left; } input#Submit { width:auto; float:right; padding:4px 23px 0 0; margin:5px 5px 0 0; border:none; background:transparent url("ask-submit.jpg") right center no-repeat; color:#8E8EB3; font-weight:bold; font-size:11px; } input#Submit2 { width:auto; float:right; padding:4px 23px 0 0; margin:5px 5px 0 0; border:none; background:transparent url("newsletter-submit.jpg") right center no-repeat; color:#fff; font-weight:bold; font-size:11px; } select { width:160px; border:1px solid #8E8EB3; padding:3px;  } textarea { width:160px; border:1px solid #8E8EB3; padding:3px; text-align:left; } #basket { padding:0 10px; } #basket thead th{ background:#A7A7C5; color:#fff; } #basket tbody tr { background:#e0e0eb; } #basket td.white { background:#fff; } #basket label { display:block; } #basket input { border:1px solid #A7A7C5; padding:3px; } #basket input.checkbox { width:auto; } #basket input.ask { width:auto; float:right; margin:3px 0 0 1px; background:#97895B; border:1px solid #97895B; color:#fff; font-weight:bold; font-size:11px; } #basket input.narrow { width:100px; border:1px solid #97895b; padding:3px; } #basket select { border:1px solid #97895b; padding:3px;  } #basket select.qty { width:auto; border:1px solid #A7A7C5; } /* END FORMSTYLE */ /* HEADER */ #head { width:100%; height:53px; border-bottom:4px solid #FF99CC; } #header { width:890px; margin:0 auto; padding:0 30px 0 0; background:url("bg-header.jpg") top right no-repeat; color:#fff; } #header ul { list-style:none; padding:5px 0 0 0; margin:0; float:right; clear:right; text-align:center; } #header li { display:block; } #header a { color:#fff; text-decoration:none; } #header a:hover { color:#fff; text-decoration:underline; } #header img { float:left; } #header a img { border:none; } /* END HEADER */ /* FOOTER */ #foot { width:100%; border-bottom:4px solid #FF99CC; padding:0; margin:0 0 10px 0; clear:both; overflow:hidden; } #footer { width:885px; height:30px; margin:0 auto; font-size:9px; padding:30px 0 0 35px; background:url("pink-circle.jpg") left bottom no-repeat; } #footer p { margin:0; padding:2px 0 2px 20px; float:left; background:url("central-medical-logo.jpg") left center no-repeat; } #footer ul { list-style:none; margin:0; padding:0; float:right; clear:right; } #footer li { display:inline; } #footer a:link { color:#000; text-decoration:none; } #footer a:visited { color:#000; text-decoration:none; } #footer a:hover { color:#000; text-decoration:underline; } /* END FOOTER */ /* NAVIGATION */ ul#nav { width:696px; height:20px; margin:0 0 0 4px; padding:3px 0 0 10px; font-size:12px;  clear:both; list-style:none; background:url("bg-nav.jpg") top left repeat-x; color:#000; font-family:"Century Gothic", "Trebuchet MS", Arial;  } ul#nav li { display:inline; margin:0 25px 0 0; } ul#nav a { color:#666699; text-decoration:none; } ul#nav a:hover { color:#666699; text-decoration:underline; } /* END NAVIGATION */ /* BRANDING */ #branding { width:363px; height:207px; padding:30px 50px 0 310px; background:url("home.jpg") top left no-repeat; position:relative; } #branding h1 span { color:#FF99CC; } #branding form { position:absolute; top:200px; left:500px; width:210px; } #branding form input { float:left; } #branding form input#go { width:30px; border:none; background:url(img/arrow-search.jpg) right center no-repeat; padding:0 10px 0 0; } #branding2 { width:363px; height:207px; padding:30px 50px 0 310px; background:url("feeding-system.jpg") top left no-repeat; position:relative; } #branding2 h1 span { color:#FF99CC; } #branding2 form { position:absolute; top:200px; left:500px; width:210px; } #branding2 form input { float:left; } #branding2 form input#go { width:30px; border:none; background:url(img/arrow-search.jpg) right center no-repeat; padding:0 10px 0 0; } #branding3 { width:363px; height:143px; padding:5px 50px 0 310px; background:url("spare-parts-cleaning.jpg") top left no-repeat; position:relative; } #branding3 p { margin:0; } #branding3 h1 { width:350px; position:relative; top:20px;  } #branding3 h1 span { color:#FF99CC;  } #branding3 form { position:absolute; top:115px; left:500px; width:210px; } #branding3 form input { float:left; } #branding3 form input#go { width:30px; border:none; background:url(img/arrow-search.jpg) right center no-repeat; padding:0 10px 0 0; } #branding4 { width:363px; height:143px; padding:5px 50px 0 310px; background:url("cart.jpg") top left no-repeat; position:relative; } #branding4 p { margin:0;  position:relative; top:30px; } #branding4 h1 { width:350px; position:relative; top:30px;  } #branding4 h1 span { color:#FF99CC;} #branding4 form { position:absolute; top:115px; left:500px; width:210px; } #branding4 form input { float:left; } #branding4 form input#go { width:30px; border:none; background:url(img/arrow-search.jpg) right center no-repeat; padding:0 10px 0 0; } /* END BRANDING */ /* CONTENT */ #container { width:920px; margin:0 auto; padding:20px 0 0 0; } #content { width:723px; min-height:590px; float:left; background:url("bg-content.jpg")  716px 0 repeat-y; } #intro { float:left; } #intro a { color:#000; text-decoration:none; } #intro a:visited { color:#000; text-decoration:none; } #intro a:hover { color:#cc0000; text-decoration:none; } #sidebar { width:197px; float:left; padding:10px 0 0 0; } #sidebar p { margin:0 0 0 10px; padding:0 0 5px 0; font-size:18px; color:#F59FCE; font-family:"Century Gothic", "Trebuchet MS", Arial; font-weight:bold; } #sidebar ul { margin:0; padding:0; clear:both; list-style:none; font-size:11px; font-weight:bold; } #sidebar li { } #sidebar li a { display:block; width:162px; height:27px; padding:13px 0 0 35px; background:url("bg-list-item.jpg") top left no-repeat; color:#fff; text-decoration:none; } #sidebar li a:hover { width:162px; height:27px; padding:13px 0 0 35px; background:url("bg-list-item.jpg") top left no-repeat; text-decoration:underline;  } #additional { width:197px; background:url("bg-side-rpt.jpg") top right repeat-y; } #additional img { clear:both; margin:0 20px 0 0; float:right; } #ask { width:172px; padding:20px 5px 0 20px; background:url("bg-ask.jpg") top left no-repeat; text-align:center; } #ask p { margin:0 0 0 27px; padding:0; font-size:16px; font-weight:bold; color:#333; } #ask p.small { margin:0 0 0 27px; padding:0; font-size:11px; font-weight:normal; color:#333; font-family:"Trebuchet MS", Tahoma, Arial; } #form { margin:20px 0; } #newsletter { width:172px; height:100px; padding:20px 5px 0 20px; background:url("bg-newsletter.jpg") top left no-repeat; text-align:center; } #newsletter p { color:#fff; margin:0 3px; } #rss { width:122px; height:70px; padding:10px 5px 0 70px; background:url("bg-rss.jpg") top left no-repeat; } #rss p { color:#333; margin:0 3px; padding:0; } #rss p.small { margin:0 0 0 3px; padding:0; font-size:11px; line-height:10px; font-weight:normal; color:#333; font-family:"Trebuchet MS", Tahoma, Arial; } #rss a.more-info { display:block; float:right; padding:0 20px 0 0; margin:2px 0 0 0; background:url("bg-rss-more.jpg") right center no-repeat; color:#666699; font-weight:bold; text-decoration:none; } #rss a:hover.more-info { display:block; color:#666699; font-weight:bold; text-decoration:underline; } /* END CONTENT */ /*PAGE*/ #primary { width:490px; float:left; padding:0 5px 0 5px; } #primary h1, #primary h2 { font-size:18px; border-bottom:4px solid #FF99CC; background:url("pink-circle.jpg") left center no-repeat; padding:3px 0 3px 35px; } #secondary { width:212px; float:left; text-align:center; padding:5px 0; margin:0 0 10px 0; } #secondary p { font-size:18px; padding:3px 0; margin:0; font-weight:bold; color:#8E8EB3; font-family:"Century Gothic", "Trebuchet MS", Arial; } #secondary a { color:#333; text-decoration:none; } #secondary a:hover { color:#333; text-decoration:underline; } #secondary img { margin:10px auto 5px auto; } #secondary ul { margin:0; padding:0; list-style:none; } #secondary li span { font-weight:bold; color:#FF0000; } #secondary li.title { font-weight:bold; color:#8E8EB3; font-size:14px; font-family:"Century Gothic", "Trebuchet MS", Arial; } #secondary a.more-products { display:block; width:189px; height:10px; padding:35px 0 0 0; background:url("box-more.jpg") top center no-repeat; color:#666699; font-weight:bold; text-decoration:none; } #secondary a:hover.more-products { display:block; width:189px; height:10px; padding:35px 0 0 0; background:url("box-more.jpg") top center no-repeat; color:#666699; font-weight:bold; text-decoration:underline; } #detail { width:705px; height:112px; padding:0 18px 0 0; clear:both; margin:20px 0 0 0; background:url("bg-detail.jpg") top left no-repeat; } #detail h4 { font-size:18px; border-bottom:4px solid #FF99CC; background:url(img/pink-circle.jpg) left center no-repeat; padding:3px 0 3px 35px; margin:0 0 0 5px; } #detail img { float:left; margin:20px 10px 0 10px; } #detail img.last { margin:20px 0 0 10px; } #offers { width:187px; margin:0 auto; background:url("box-top.jpg") top center no-repeat; } #top { width:189px; height:17px; background:url("box-top.jpg") top center no-repeat; } #box { width:187px; border-left:1px solid #8F8FB3; border-right:1px solid #8F8FB3; } #btm { width:189px; height:17px; background:url("box-btm.jpg") top center no-repeat; } #map { float:left; } /*END PAGE*/ .item { width:234px; text-align:right; float:left; margin:0 6px 30px 0; } .cap { width:234px; height:5px; background:url("hm_box-top.jpg") top center no-repeat;  } .fill { width:226px; padding:0 3px; border-left:1px solid #8F8FB3; border-right:1px solid #8F8FB3; overflow:hidden; } .item a { display:block; width:190px; height:16px; padding:29px 44px 0 0; background:url("hm_box-btm.jpg") top center no-repeat; color:#666699; font-weight:bold; text-decoration:none; } .item a:hover { color:#666699; font-weight:bold; text-decoration:underline; } .item h3 { color:#8E8EB3; font-size:16px; margin:0; padding:0; } .item p.small { font-size:11px; margin:0; } .item p.bold { margin:0; font-weight:bold; color:#666699; } .item img { float:left; } .item_wide { width:262px; text-align:right; float:left; margin:0 0px 30px 0; } .cap_wide { width:262px; height:5px; background:url("box-top-wider.jpg") top center no-repeat;  } .fill_wide { width:254px; padding:0 3px 0px 3px; border-left:1px solid #8F8FB3; border-right:1px solid #8F8FB3; border-top: none; overflow:hidden; margin: 0; } .item_wide a { display:block; width:218px; height:16px; padding:29px 44px 0 0; background:url("box-btm-wider.jpg") top center no-repeat; color:#666699; font-weight:bold; text-decoration:none; } .item_wide a:hover { color:#666699; font-weight:bold; text-decoration:underline; } .item_wide h3 { color:#8E8EB3; font-size:16px; margin:0; padding:0; } .item_wide p.small { font-size:11px; margin:0; } .item_wide p.bold { margin:0; font-weight:bold; color:#666699; } .item_wide img { float:left; } #inner { width:696px; min-height:590px; padding:10px 5px; } #inner h2 { font-size:18px; border-bottom:4px solid #FF99CC; background:url("pink-circle.jpg") left center no-repeat; padding:3px 0 3px 35px; } #inner h3 { color:#8E8EB3; font-size:16px; margin:0; padding:0; } #inner ul.breadcrumb { font-size:12px; border-bottom:4px solid #FF99CC; background:url("pink-circle.jpg") left center no-repeat; padding:6px 0 6px 35px; margin:0; list-style:none; } #inner ul.breadcrumb li { display:inline; } #inner ul.breadcrumb li a { color:#666699; font-weight:bold; text-decoration:none; } #inner ul.breadcrumb li a:hover { color:#666699; font-weight:bold; text-decoration:underline; } #inner .product_box { border:1px solid #8F8FB3; margin:10px auto; padding: 10px; width: 660px; } #inner table td { vertical-align:top; } #inner .product_box ul { font-size:12px; padding:0; margin:0; list-style:none; } #inner .product_box a { color:#666699; text-decoration:none; } #inner .product_box a:hover { color:#666699; text-decoration:underline; } #inner .product_box td.small { font-size:11px; } #inner table td.qty { color:#FF0000; font-weight:bold; } #inner table td.vat { color:#F59FCE; font-weight:bold; } #inner table td.price { color:#666699; font-weight:bold; } #inner table td.mid { text-align:center; } #inner .product_box input { width:50px; padding:2px; font-size:11px; } #inner .product_box input#button { width:auto; float:right; color:#666699; font-weight:bold; font-size:11px; padding:0 20px 0 0; background: transparent url("bg-rss-more.jpg") right center no-repeat; border:none; } #inner2 { width:676px; min-height:590px; padding:10px 15px; } #inner2 h2 { font-size:18px; border-bottom:4px solid #FF99CC; background:url("pink-circle.jpg") left center no-repeat; padding:3px 0 3px 35px; } #inner2 h3 { color:#8E8EB3; font-size:16px; margin:10px 0; padding:0; clear:left; } #inner2 h3 span { font-size:14px; color:#FF99CC; } #inner2 .q { color:#666699; font-weight:bold; } #inner2 h4 { color:#F59FCE; font-size:15px;  background:url("faq-arrow.jpg") left center no-repeat; padding:3px 0 3px 25px; } #inner2 ul { margin:10px 30px; padding:0; list-style:none; float:left; font-size:11px; } #inner2 a { color:#8E8EB3; text-decoration:none; } #inner2 a:hover { color:#8E8EB3; text-decoration:underline; } #contact { width:383px; float:left; } #enquire { width:270px; float:left; padding:10px 10px; border:1px solid #8E8EB3; } #enquire label { display:block; color:#8E8EB3; text-align:left; } #enquire input { width:250px; border:1px solid #FF99CC; padding:3px; text-align:left; } #enquire input#Submit { width:auto; float:right; padding:4px 23px 0 0; margin:5px 5px 0 0; border:none; background:transparent url("ask-submit.jpg") right center no-repeat; color:#8E8EB3; font-weight:bold; font-size:11px; } #enquire input#Submit2 { width:auto; float:right; padding:4px 23px 0 0; margin:5px 5px 0 0; border:none; background:transparent url("newsletter-submit.jpg") right center no-repeat; color:#fff; font-weight:bold; font-size:11px; } #enquire input#Submit3 { width:auto; float:right; padding:4px 23px 0 0; margin:5px 5px 0 0; border:none; background:transparent url("bg-rss-more.jpg") right center no-repeat; color:#8E8EB3; font-weight:bold; font-size:11px;} #enquire select { width:250px; border:1px solid #FF99CC; padding:3px;  } #enquire textarea { width:250px; border:1px solid #FF99CC; padding:3px; text-align:left; } .news { width:621px; margin:0; padding:10px 20px; border-bottom:1px solid #FF99CC; } .news p.title { font-size:14px; border-bottom:1px dashed #FF99CC; margin:0; padding:0; font-weight:bold; color:#8E8EB3; } /*GENERAL CLASSES*/ .clear { clear:both; } .clearfix { clear:both; width:100%; height:5px; } .bold { font-weight:bold; } .red { color:#CC0000; } li a.external { background:url("ext.gif") top right no-repeat; padding:0 10px 0 0; } /*END GENERAL CLASSES*/ .cart input { width: 40px;} .checkout_field { width: 200px; }