/* ----------------------------------- Project: Phentermine Created: 09-09-09 Version: 1.0 Author: Rahul Alex ----------------------------------- */ /*---------- Initialize elements ----------*/ body{font:12px "Trebuchet MS" Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#696969; margin:0 auto; padding:0; background:#C0C0C0;} a{font:12px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; color:#35D8E3; text-decoration:none;} a:hover{text-decoration:underline;} ul,h1,h2,h3,h4,h5,h6,p{margin:0; padding:0} ul li{list-style:none; display:inline} /*---------- Layout styles ----------*/ .container-align{width:1002px; height:auto; margin:0 auto; } .container{width:1002px; height:auto; float:left; background:#FFFFFF} #header{width:1002px; height:88px; float:left; background:#023344} #header .logo{width:309px; height:88px; float:left;} #header .top-links{width:600px; height:32px; float:right; text-align:right; padding:13px 15px 0 0;} #header .top-links ul li{color:#1C666B; padding:0 5px;} #header .top-links ul li a.active {color:#FFF;} #header .search-section{width:255px; height:27px; float:right; background:url(../images/img_search-bg.gif) no-repeat; padding:0 15px 0 0} #header .form{width:215px; height:17px; float:left; background:#144151; margin:2px 0 0 4px; border:1px solid #144151; font:12px Trebuchet MS; color:#2BA6AF} #header .go{width:29px; height:29px; float:left; margin-left:3px;} #mid-content{width:1002px; height:283px; float:left; background:url(../images/img_main-bg.gif) no-repeat} #mid-content .main-menu{width:846px; height:39px; float:left; padding-left:80px;} #mid-content .main-menu .align{padding:0px; list-style:none; width:846px; text-align:center} #mid-content .main-menu .align ul{padding:0px; list-style:none; width:846px; text-align:center} #mid-content .main-menu .align li{display:inline; margin:0 auto; text-align:center; padding:0px;} #mid-content .main-menu .align a{margin:0 auto; text-align:center} #home a {background:url(../images/img_but-home.gif); float:left; background-position: 0 0; width:76px; height:39px;} #home a.active {background: url(../images/img_but-home.gif); background-position: 0 39px; color:#06747D;} #home a:hover {background: url(../images/img_but-home.gif); background-position: 0 83px;} #overview a {background:url(../images/img_but-overview.gif); float:left; background-position: 0 0; width:101px; height:39px;} #overview a.active { color:#06747D; background: url(../images/img_but-overview.gif); background-position: 0 39px;} #overview a:hover {background: url(../images/img_but-overview.gif); background-position: 0 83px;} #types a {background:url(../images/img_but-types.gif); float:left; background-position: 0 0; width:71px; height:39px;} #types a.active { color:#06747D; background: url(../images/img_but-types.gif); background-position: 0 39px;} #types a:hover {background: url(../images/img_but-types.gif); background-position: 0 83px;} #diet-exercise a {background:url(../images/img_but-diet-exercise.gif); float:left; background-position: 0 0; width:133px; height:39px;} #diet-exercise a.active { color:#06747D; background: url(../images/img_but-diet-exercise.gif); background-position: 0 39px;} #diet-exercise a:hover {background: url(../images/img_but-diet-exercise.gif); background-position: 0 83px;} #benefits a {background:url(../images/img_but-benefits.gif); float:left; background-position: 0 0; width:93px; height:39px;} #benefits a.active { color:#06747D; background: url(../images/img_but-benefits.gif); background-position: 0 39px;} #benefits a:hover {background: url(../images/img_but-benefits.gif); background-position: 0 83px;} #tips a {background:url(../images/img_but-tips.gif); float:left; background-position: 0 0; width:60px; height:39px;} #tips a.active { color:#06747D; background: url(../images/img_but-tips.gif); background-position: 0 39px;} #tips a:hover {background: url(../images/img_but-tips.gif); background-position: 0 83px;} #pricelist a {background:url(../images/img_but-pricelist.gif); float:left; background-position: 0 0; width:98px; height:39px;} #pricelist a.active { color:#06747D; background: url(../images/img_but-pricelist.gif); background-position: 0 39px;} #pricelist a:hover {background: url(../images/img_but-pricelist.gif); background-position: 0 83px;} #trynow a {background:url(../images/img_but-trynow.gif); float:left; background-position: 0 0; width:106px; height:39px;} #trynow a.active { color:#06747D; background: url(../images/img_but-trynow.gif); background-position: 0 39px;} #trynow a:hover {background: url(../images/img_but-trynow.gif); background-position: 0 83px;} #contactus a {background:url(../images/img_but-contactus.gif); float:left; background-position: 0 0; width:108px; height:39px;} #contactus a.active { color:#06747D; background: url(../images/img_but-contactus.gif); background-position: 0 39px;} #contactus a:hover {background: url(../images/img_but-contactus.gif); background-position: 0 83px;} #mid-content .main-image{width:233px; height:244px; float:left; clear:left; padding-left:50px;} #mid-content h1{font:24px Trebuchet MS; float:left; color:#FFFFFF; padding-top:30px} #mid-content h2{width:513px; font:italic 14px Trebuchet MS; float:left; color:#057278; padding:20px 0 0 13px} #mid-content .buy-phen{width:141px; height:142px; float:left; padding-left:10px; margin-top:-72px;} #btm-content,.btm-content{width:1002px; height:auto; float:left; background:url(../images/img_btm-content-dots.gif) repeat-y} #btm-content .left{width:230px; height:auto; float:left; padding:13px 15px} #btm-content .left h3{float:left; font:italic 24px Trebuchet MS; width:100%; color:#3BB0BA; border-bottom:1px dotted #023344;} #btm-content .left p{float:left; padding-top:7px; line-height:20px;} #btm-content .left .more{float:right;} #btm-content .right{width:712px; height:auto; float:left; padding:13px 15px;} #btm-content .last{width:712px; height:auto; float:right; padding:13px 85px;} #btm-content .right .about-image{ float:left; padding-top:9px; } #btm-content .right h4{float:left; font:italic 24px Trebuchet MS; width:100%; color:#3BB0BA; border-bottom:1px dotted #023344;} #btm-content .right p{float:left; padding:7px 0 0 10px; width:508px; line-height:20px;} #btm-content .right .more{float:right;} #btm-content .right h5{float:left; font:italic 24px Trebuchet MS; width:100%; margin-top:10px; color:#3BB0BA; border-bottom:1px dotted #023344;} #btm-content .right .content2{float:left; padding:7px 0 0 0; width:100%; line-height:20px;} #btm-content .right .more{float:right;} #footer{width:1002px; height:79px; float:left; background:url(../images/img_footer-bg.gif) repeat-x} #footer .footer-links{text-align:center; padding-top:18px; height:32px;} #footer .footer-links ul li{padding:0 4px; color:#FFFFFF} #footer .footer-links ul li a{color:#877F7F; font:11px Verdana, Arial, Helvetica, sans-serif} #footer .copyrights{text-align:center; padding-top:8px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#6B6060} .text1{font:30px Trebuchet MS; color:#023344} .text2{font:24px Trebuchet MS; color:#008F99} .text3{font:18px Trebuchet MS; color:#023344} .text4{font:italic 24px Trebuchet MS; color:#023344} /* Start home page copyright link*/ #footer .copyrights a{text-align:center; padding-top:8px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#6B6060} .vspace {width:60px; height:18px; float:right;} /* overview page left navigation*/ .overview {padding-bottom:30px;} .overview ul li{display:block; font-size:14px;} .overview ul li a {display:block; font-size:14px; padding:7px 0 7px 0; color:#666666; border-bottom:1px dashed #666666;} .overview ul li a:hover {display:block; font-size:14px; padding:7px 0 7px 0; color:#33929A; border-bottom:1px dashed #3BB0BA; text-decoration:none; background-color:#F8FAF3;} .overview ul li a.active{display:block; font-size:14px; padding:7px 0 7px 0; color:#33929A; border-bottom:1px dashed #3BB0BA; text-decoration:none; background-color:#EBF0DE;} .overview ul li a img {border:none; padding-right:5px;} .sitemap {width:700px; margin:50px 20px;} sitemap ul {margin:10px 0;} .sitemap ul li { font-size:14px; display:block; } .sitemap ul li a {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333333; line-height:20px;} #contact-area { width: 600px; margin-top: 55px; } #contact-area input, #contact-area textarea { padding: 5px; width: 400px; font-family: Helvetica, sans-serif; font-size: 1.4em; margin: 0px 0px 10px 0px; border: 1px solid #ccc; } #contact-area textarea { height: 90px; } #contact-area textarea:focus, #contact-area input:focus { border: 1px solid #38B0B7; } #contact-area input.submit-button { width: 100px; cursor:pointer; float: right; } label { float: left; text-align: right; margin-right: 15px; width: 100px; padding-top: 5px; font-size: 1.4em; } .text-1 {font-weight:bold; color:#227A81; font-size:13px;} .product-heading {display:block; width:600px; *width:400px} .product-heading ul { padding-left:160px; *padding-left:20px; margin-top:220px; *margin-top:20px;} .product-heading ul li {display:block; line-height:30px;} .product-heading ul li img {margin-right:5px;} .text-2 {font-size:18px; color:#333;} .text-3 {color:#990000; display:block; margin-top:10px;} .text-4 {color:#227A81; font-weight:bold; display:block; border-bottom:1px dashed #227A81;} .text-5 {font-weight:bold; color:#333;} .product-tubler {float:left; padding:7px 0 0 0; width:130px; line-height:20px; border:1px dashed #CCC; border-right:none; margin-top:15px;} .product-tubler ul {width:130px; display:block; border-collapse:collapse;} .product-tubler ul li { padding:10px; height:30px; font-size:11px; display:block;} .text-6 {width:130px; font-weight:bold; color:#333;} .text-7 {width:60px; font-weight:bold; color:#333;} .text-8 {width:100px; font-weight:bold; color:#333;} .text-9 {color:#990000; font-weight:bold;} .text-10 a {color:#990000; font-weight:bold; font-size:12px; text-decoration:none;} .text-11 {border-right:1px dashed #CCC;} .text-12 { font-weight:bold; color:#06747E; border-bottom:1px dashed #999999; display:block; height:43px; line-height:40px;} .text-12 img {float:left;} .text-13 {margin-top:8px;} /* updated on 09.10.09 */ .rose_border_top { background-image: url(../images/rose_border_top.gif); background-repeat: repeat-x; background-position: left top; } .rose_border_bottom { background-image: url(../images/rose_border.gif); background-repeat: repeat-x; background-position: left bottom; } .rose_border_left { background-image: url(../images/rose_border_left.gif); background-repeat: repeat-y; background-position: left top; } .rose_border_right { background-image: url(../images/rose_border_right.gif); background-repeat: repeat-y; background-position: right top; } .blue_border_top { background-image: url(../images/blue_border_top.gif); background-repeat: repeat-x; background-position: left top; } .blue_border_bottom { background-image: url(../images/blue_border.gif); background-repeat: repeat-x; background-position: left bottom; } .blue_border_right { background-image: url(../images/blue_border_right.gif); background-repeat: repeat-y; background-position: right top; } .blue_border_left { background-image: url(../images/blue_border_left.gif); background-repeat: repeat-y; background-position: left top; }