/********************************************************************************************** CSS on Sails Title:eRemedyPharma Author:Co-Dynamic Date:August 2008 ********************************************************************************************** 1. BASE 1.1 Reset 1.2 Default styles 1.3 Basic styles 2. LAYOUT 2.1 Header 2.2 Content 2.2.1 Main-Content 2.2.2 Secondary-content 2.3 Sidebar 2.4 Footer ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 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, b, u, i, center, 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-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;} ol, ul {list-style:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} /* 1.2 Default styles -----------------------------------------------------------------------------------------------*/ body {font-size:62.5%;font-family:Tahoma,Arial, Helvetica, sans-serif;text-align:center;} hr {display:none;} strong {font-weight:bold;} em {font-style:italic;} abbr, acronym {border-bottom:1px dotted #999;cursor:help;} input, textarea, select {font:1.2em Arial, Helvetica, sans-serif;} a {color:#0084ff;text-decoration:underline;} a:hover, a:active { color:#0084ff;text-decoration:none;} #footer a {color:#1e93ff;text-decoration:none;} #footer a:hover {text-decoration:underline;} #header .navigation a, #sidebar a {color:#fff;text-decoration:none;} #header .navigation a:visited, #sidebar a:visited {color:#aae3ff;} #header .navigation a:hover, #sidebar a:hover {text-decoration:underline;} #header .navigation .current a, #sidebar .current a {font-weight:bold;cursor:default;text-decoration:none !important;} /* 1.3 Basic styles -----------------------------------------------------------------------------------------------*/ .hide {display:none;} .clear {clear:both;} br.clear {font-size:0;line-height:0;height:0;overflow:hidden;} .fleft {float:left;} .fright {float:right;} p.center {text-align:center;} p.right {text-align:right;} p.left {text-align:left;} .clearfix:after, .container:after, #footer:after, #sidebar li:after, #header .navigation ul:after, #content .text:after, #content .pillbox:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container, #footer, #sidebar li, #header .navigation ul, #content .text, #content .pillbox {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix, * html .container, * html #footer, * html #sidebar li, * html #header .navigation ul, * html #content .text, * html #content .pillbox {height:1%;} .clearfix, .container, #footer, #sidebar li, #header .navigation ul, #content .text, #content .pillbox {display:block;} /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ .container {position:relative;margin:0 auto;text-align:left;width:778px;} #main.container {width:760px;padding-left:6px;padding-right:12px;background:url(../images/bg_sidebar.jpg) 6px 0 repeat-y;} #content {width:547px;float:right;} #sidebar {width:209px;float:left;} #footer {clear:both;padding-bottom:9px;padding-top:9px;border-top:1px solid #59a8ed;} /* Main Backgrounds */ #header {background:url(../images/bg_header.gif) top center repeat-x;} body {background:url(../images/bg_body.gif) top center repeat-y #fff;} #sidebar {background:url(../images/bg_sidebar.jpg) repeat-y;} /* 2.1 Header -----------------------------------------------------------------------------------------------*/ /* Logo & Motto */ #header .logo a, #header .logo span {cursor:pointer;overflow:hidden;display:block;width:203px;height:39px;} #header .logo a {text-align:center;font-weight:normal;font-size:20px;line-height:39px;color:#378116;text-decoration:none;} #header .logo { position:absolute;top:8px;left:5px;z-index:2;} #header .logo span {position:absolute;top:0;left:0;z-index:10;background:url(../images/logo.gif) no-repeat;} #header .motto {position:absolute;top:9px;left:56px;z-index:3;text-transform:uppercase;letter-spacing:3px;color:#1a7bfa;font-family:"Franklin Gothic Medium",Arial,Helvetica,sans-serif;font-weight:normal;} #accessibility-links {position:absolute;left:-1000em;text-align:left;} /* Call Free */ #header .call {position:absolute;top:0;left:251px; padding-top:34px;height:32px;width:178px; background:url(../images/bg_call.gif) 49px 0 no-repeat; } #header .call p {position:relative;height:32px;font-size:12px;overflow:hidden;} #header .call strong {float:left;width:45px;margin-right:20px;font-weight:normal;} #header .call p span {position:absolute;top:0;left:0;width:178px;height:32px;background:url(../images/call-free-now.gif) no-repeat;} /* Navigation */ #header .navigation {margin-left:6px;width:209px;padding-top:52px;} #header .navigation ul {background:#0873b9 url(../images/bg_header-nav.jpg) top left no-repeat;padding-top:26px;} /* Branding */ #header .branding {position:absolute;right:1px;bottom:0;} /* Cart */ #header .cartbox {position:absolute;top:0;right:-5px;height:29px; padding-right:5px; background:url(../images/bg_cart-r.gif) right bottom no-repeat; line-height:22px; font-size:1.1em; color:#6a6a6a; } #header .cartbox .inner { position:relative; height:29px; background:url(../images/bg_cart-l.gif) left bottom no-repeat; } #header .cartbox span {padding-top:2px;padding-bottom:2px;} #header .cartbox .cut {position:absolute;top:13px;left:87px;width:21px;height:16px;background:url(../images/cart-cut.gif) no-repeat;} #header .cartbox span.text {padding-right:37px;padding-left:19px;} #header .cartbox span.cart {padding-right:12px;padding-left:32px;color:#337f11;background:url(../images/ico/cart.gif) 10px 2px no-repeat;} #header .cartbox span.checkout a {padding-right:12px;padding-left:16px;background:url(../images/cartsep.gif) 0 0px no-repeat;} #header .cartbox a {color:#0084ff;text-decoration:none;} #header .cartbox a:hover {text-decoration:underline;} /* Support */ #header #support {position:absolute;top:33px;left:464px;width:169px;height:35px;} #header #support a {display:block;height:35px;width:169px;line-height:17px;font-size:14px;color:#128edf;text-decoration:none;} #header #support a:hover {text-decoration:underline;} #header #support span {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:top left;background-image:url(../images/assistance-open.gif);cursor:pointer;} #header #support.offline span {background-image:url(../images/assistance-closed.gif);cursor:default;} /* Banner */ #header .banner {position:absolute;top:85px;left:220px;} /* 2.2 Content -----------------------------------------------------------------------------------------------*/ #sidebar h2, #sidebar h3 {letter-spacing:1px;} #content {} /* 2.2.1 Main Content */ #content div.text {background:url(../images/bg_text.gif) 0 -1px;padding:0 9px 1px 9px;color:#042442;margin-bottom:18px;width:529px;} #content h1, #content h2, #content h3, #content h4 {margin-top:18px;color:#337f11;font-family:"Franklin Gothic Medium",Arial,Helvetica,sans-serif;font-weight:normal;letter-spacing:1px;} #content h1 {font-size:1.6em;line-height:1.125em;} #content h2 {font-size:1.5em;line-height:1.2em;} #content h3 {font-size:1.4em;line-height:1.285em;} #content h3#comments, #content h3#postcomment {font-size:1.5em;line-height:1.2em;margin-bottom:18px;margin-top:0;} #content h4 {font-size:1.3em;line-height:1.384em;} #content p {font-size:1.2em;line-height:1.5em;text-align:justify;margin-bottom:18px;} #content p.author, #content p.index, #content p.meta {font-size:1.1em;line-height:1.636em;} #content p.useful-links {font-size:1.1em;line-height:1.636em;height:18px;text-align:right;} #content p.useful-links a {margin:0 5px;} #content .text a {padding:0 1px;text-decoration:none;border-bottom:1px solid #128edf;} #content .text a:hover {border-bottom:1px solid #000;color:#337f11;} #content .text h1 a, #content .text h2 a, #content .text h3 a, #content .text h4 a, #content .text h1 a:hover, #content .text h2 a:hover, #content .text h3 a:hover, #content .text h4 a:hover {border:none;} #content p.author {margin-top:-18px;text-align:right;color:#a1a1a1;margin-bottom:0;} #content p.meta {color:#a1a1a1;} #content p.index {margin:18px 0;text-align:center;overflow:hidden;height:18px;} #content p.index a {float:left;width:14px;text-align:center;height:16px;line-height:16px;text-decoration:none;border:1px solid #128edf;margin-right:2px;} #content p.index a:hover {font-weight:bold;font-size:1.1em;background:#fff;} #content p.index a.current {background:#337f11;color:#fff;font-size:1.2em;font-weight:bold;} #content h1 a {text-decoration:none;} #content h2 a {text-decoration:none;} #content h3 a {text-decoration:none;} #content h4 a {text-decoration:none;} #content h1 a:hover {text-decoration:underline;} #content h2 a:hover {text-decoration:underline;} #content h3 a:hover {text-decoration:underline;} #content h4 a:hover {text-decoration:underline;} /* Comments */ #content div.comments, #content #post-a-comment {margin:17px 0;border-top:1px solid #007ABD;padding:0 18px;} #content div.comments ol#commentlist li {border-top:1px solid #B0E0FF;margin:18px 0;padding:6px 9px} /* Form */ form.extended {margin-bottom:15px;} form.extended li {padding-top:5px;clear:both;} form.extended label {float:left;width:180px;text-align:right;padding-right:10px;font-size:1.2em;line-height:25px;cursor:pointer;} form.extended input.text, form.extended textarea {border:1px solid #8DB5F6;} form.extended textarea {width:280px;padding:2px 3px;} form.extended input.text {width:280px;padding:2px 3px;font-size:14px;float:left;} form.extended em.req {color:#f00;font-style:normal;} form.extended fieldset.submit {padding-left:190px;padding-top:10px;} form.extended fieldset.submit input {font-size:1.5em;padding:1px 5px;} /* 2.3 Sidebar -----------------------------------------------------------------------------------------------*/ #sidebar {padding-bottom:10px;} #sidebar li.navigation, #sidebar li.search, #sidebar li.categories, #sidebar li.wp {background:url(../images/sidebarbox-sep.gif) top left no-repeat;} #sidebar ul.sidebar {/* background:url(../images/sidebarbox-sep.gif) bottom left no-repeat; */ padding-bottom:18px;} #sidebar li.search form {padding:17px 0 17px 18px;} #sidebar li.search form input {float:left;} #sidebar li.search form input.text {border-width:1px;border-style:solid;border-color:#0576bf;background:#f4fbff;font-size:13px;padding:1px 0 1px 4px;width:110px;height:16px;} #header .navigation li, #sidebar .navigation li {float:left;background:url(../images/sidenav-sep.gif) top left no-repeat;} #header .navigation li.first, #sidebar .navigation li.first {background:none;} #header .navigation li.current a, #header .navigation li.current a:hover {background:url(../images/headernav-cut.gif) right center no-repeat;} #sidebar .navigation li.current a, #sidebar .navigation li.current a:hover {background:url(../images/sidebarnav-cut.gif) right center no-repeat;} #sidebar li h3 {text-align:center;font-weight:bold;font-size:1.6em;line-height:1.25em;padding:0.5em 0 0.5em 0;color:#fff;} #header .navigation a, #sidebar .navigation a {float:left;display:block;font-size:1.4em;font-family:Tahoma,Georgia,"Times New Roman",Times,serif;line-height:1.12em;padding:0.4em 11px 0.4em 20px;color:#e6e6ff;width:178px;} #header .navigation a:hover, #sidebar .navigation a:hover {background-image:url(../images/nav-hover.gif);background-repeat:no-repeat;background-position:7px 0.75em;text-decoration:none;color:#fff;} #header .navigation .current a, #sidebar .navigation .current a {color:#fff;font-weight:bold;} #sidebar .categories li {float:left;} #sidebar .categories li a {float:left;font-size:1.3em;line-height:1.1em;padding:0.14em 11px 0.14em 20px;width:178px;} #sidebar .wp {margin-top:10px;} #sidebar .wp li {float:left;} #sidebar .wp li a {float:left;font-size:1.3em;line-height:1.1em;padding:0.14em 11px 0.14em 20px;width:178px;} #sidebar .categories a.selected, #sidebar .categories li.current a, #sidebar .wp li.current_page_item a, #sidebar .wp li.current-cat {background-repeat:no-repeat;background-position:9px 0.5em;background-image:url(../images/bull-category.gif);font-size:1.4em;letter-spacing:1px;padding-top:0.09em;padding-bottom:0.09em;} #content .coupon {margin:6px 0 6px 1px;background:#307412 url(../images/bg_coupon.jpg) top center no-repeat;height:36px;padding:5px 9px 9px;width:527px;} #content .coupon p {line-height:18px;font-size:1.2em;color:#fff;margin:0;text-align:justify;} #content .coupon p strong {color:#f6ff00;font-size:1.2em;letter-spacing:1px;line-height:18px;} #content .breadcrumbs { height:18px; } #content .breadcrumbs ul {float:right;line-height:36px;padding-right:10px;} #content .breadcrumbs ul li {float:left;font-size:1.2em;} #content .breadcrumbs ul li a {float:left;line-height:36px;padding-left:14px;padding-right:8px;text-decoration:none;background-position:left 15px;background-repeat:no-repeat;background-image:url(../images/arrow-breadcrumb.gif);} #content .breadcrumbs ul li.current span {color:#828282;float:left;line-height:36px;padding-left:14px;padding-right:8px;text-decoration:none;background-position:left 15px;background-repeat:no-repeat;background-image:url(../images/arrow-breadcrumb.gif);} #content .breadcrumbs ul li a:hover {text-decoration:underline;} #content .breadcrumbs ul li.home a {padding-left:0;background:none;} /* Pills Box */ #content .pillbox {margin:9px;border:1px solid #006eb1;padding:9px;} #content .pillbox .image {float:left;width:133px;margin-right:9px;text-align:center;} #content .pillbox .image img {display:block;margin:0 auto;} #content .pillbox .details {float:left;width:243px;margin-right:9px;} #content .pillbox .details p {margin-bottom:0;line-height:27px;} #content .pillbox .details p strong {font-size:1.2em;letter-spacing:1px;color:#337f11;} #content .pillbox .details p.price strong {color:#7f000d;} #content .pillbox .buynow {float:left;margin-top:17px;} #content a.buynow {position:relative;display:block;width:101px;height:21px;background:#016eb4;color:#fff;letter-spacing:2px;font-size:14px;line-height:21px;text-align:center;text-decoration:none;} #content a.buynow:hover {text-decoration:underline;} #content a.buynow span {cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-image:url(../images/buynow.gif);background-position:top left;} #content a.buynow:hover span {background-position:bottom left;} /* 2.4 Footer -----------------------------------------------------------------------------------------------*/ #footer p.copyright {color:#fff;text-align:center;float:left;width:202px;padding-left:6px;font-size:1.1em;line-height:1.63em;margin-bottom:0;} #footer p.copyright a {display:block;color:#fff;} #footer .navigation {float:right;width:530px;padding-right:22px;text-align:center;font-size:1.2em;line-height:3em;} #footer .navigation li {display:inline;} #footer .navigation a {padding:0 12px 0 13px;background-position:left center;background-repeat:no-repeat;background-image:url(../images/footer-sep.gif);} #footer .navigation .first a {background-image:none;}