@charset "utf-8";

html,body { height: 100%;}
img {border: 0;}

/* PADDING STYLE */

* {padding:0; margin:0;}

li, ul {list-style-type: none; padding: 0; margin: 0;}

/* BASE STYLE */

body {font: 76%/1.4em Verdana, Arial, Helvetica, sans-serif; background: #72d16a; color:#444; padding: 0; margin: 0;}


/* BASE LINKS */
a {outline: none;}
a:link {color: #72d16a; text-decoration: underline;}
a:visited {text-decoration: underline;  color: #999999;}
a:hover {color: #345f30; text-decoration: underline;}
a:active {color: #a2a4a9; text-decoration: none;}

/* GLOBAL */

div#container { margin:0 auto; width: 740px; background: #fff; padding: 0 30px 50px 30px;}
div#content {padding:0 0 0 0;}

/* HEADER */

div#header {background: url(../images/header.gif) no-repeat; height: 90px;}

ul#menu {font-family: Arial, Helvetica, sans-serif; float: right; font-size: 1em; width: 463px; background: #72d16a; padding: 8px 0; margin: 0 auto; text-transform:uppercase; font-weight: bold; text-align: center;}
ul#menu li {display: inline; padding: 0 0.5em; border-right: solid 1px #88f97e;}
ul#menu li.first {padding-left:10px;}
ul#menu li.last {padding-right: 10px; border-right: none;}
ul#menu a {color: #fff;text-decoration: none; background: none; }
ul#menu a:hover {color: #2f562c;}

ul#menu-order {font-family: Arial, Helvetica, sans-serif; float: right; font-size: 1em; width: 100px; background: #db0e2b; padding: 8px 0; margin: 0 auto; text-transform:uppercase; font-weight: bold; text-align: center; margin-left:3px;}
ul#menu-order li {display: inline; padding: 0 0.5em;}
ul#menu-order li.first {padding-left:10px;}
ul#menu-order li.last {padding-right: 10px; border-right: none;}
ul#menu-order a {color: #fff;text-decoration: none; background: none; }
ul#menu-order a:hover {color: #3c040c;}

p.logo a {text-indent: -9999px; display: block; width: 160px; height: 70px; float: left; background: none; text-decoration: none;}

ul#submenu {float: right; padding: 21px 0 0 0;}
ul#submenu li {display: inline; padding: 0 0.5em; border-right: solid 1px #e9ecee;}
ul#submenu li.last {padding-right: 0; border: none;}
ul#submenu li.cart {background: url(../images/cart.gif) no-repeat; padding-left: 20px;}

/* INDEX CONTENT */

div#indexintro {width: 370px; float: left; margin-bottom: 50px;}
div#indexintro h1 {background: no-repeat; text-indent: -9999px; height: 199px; margin-bottom: 20px;}
div#indexintro h1 a {display: block; height: 199px;}

div#indexintro.viagra h1 {background: url(../images/index_viagra.jpg) no-repeat #fff;}
div#indexintro.cialis h1 {background: url(../images/index_cialis.jpg) no-repeat #fff;}

div#indexintro h3 {font-size: 1.3em; line-height: 1.4em; margin: 20px;}
div#indexintro.viagra h3 {color: #50b3ec;}
div#indexintro.cialis h3 {color: #ffac00;}

div#indexintro h2 {font-size: 1.6em; line-height: 1.4em; margin: 20px;}
div#indexintro.viagra h2 {color: #50b3ec;}
div#indexintro.cialis h2 {color: #ffac00;}

div#indexintro p, div#indexintro ul{ margin: 20px;}

div#indexintro ul li {float: left; text-indent: -9999px;}
div#indexintro.viagra li.first a {display: block; background: url(../images/b_learnmoreaboutviagra.gif) no-repeat; height: 27px; width: 165px;}
div#indexintro.cialis li.first a {display: block; background: url(../images/b_learnmoreaboutcialis.gif) no-repeat; height: 27px; width: 165px;}
div#indexintro li.last a {display: block; background: url(../images/b_ordernow.gif) no-repeat; height: 27px; width: 87px; margin-left: 5px;}


/* INNERPAGES */

div#page {position: relative;}
div#page p  {padding: 0 0 1em 0;}
.pill {position: absolute; left: 528px;}

div#page h3#title {display: block; text-indent: -9999px; height: 104px; padding: 0;}
div#page h3#title.aboutviagra {background: url(../images/header_aboutviagra.jpg) no-repeat;}
div#page h3#title.aboutcialis {background: url(../images/header_aboutcialis.jpg) no-repeat;}
div#page h3#title.abouted {background: url(../images/header_abouted.jpg) no-repeat;}
div#page h3#title.sexualhealth {background: url(../images/header_sexualhealth.jpg) no-repeat;}
div#page h3#title.qa {background: url(../images/header_qa.jpg) no-repeat;}
div#page h3#title.order {background: url(../images/header_order.jpg) no-repeat;}

div#page.viagra h1 {color: #50b3ec; font-size: 1.3em; line-height: 1.6em;}
div#page.cialis h1 {color: #ffac00; font-size: 1.3em; line-height: 1.6em;}
div#page h1 { font-size: 1.3em; line-height: 1.6em;}
div#page h2 {color: #72d16a; font-size: 2em; line-height: 1.2em; padding-bottom: 10px;}
div#page h3 {font-size: 1.2em; line-height: 2em; padding: 10px 0 5px 0; color: #262626;}

ul#sidemenu {width: 136px; padding-right: 18px; margin: 30px 0 0 0; font-size: 1em; line-height: 2.2em;}
ul#sidemenu li {background: url(../images/bullet.gif) no-repeat; padding: 0 0 0 10px;}
ul#sidemenu li a {text-decoration: none;}
ul#sidemenu li#box { padding: 0 0 0 0;}
ul#sidemenu li#box a {display: block; width: 136px; height: 115px; text-indent: -9999px; margin-top: 15px; padding: 0;}
ul#sidemenu li.boxviagra {background: url(../images/box_orderviagra.gif) no-repeat;}
ul#sidemenu li.boxcialis {background: url(../images/box_ordercialis.gif) no-repeat;}
ul#sidemenu li.boxcombos {background: url(../images/box_ordercombo.gif) no-repeat;}

div#text {float: right; padding: 0 0 40px 18px ; border-left: solid 1px #e9ecee; width: 560px; margin: 20px 0; height:auto; height:100%; min-height:100%;}
div#text.ordernow {float: none; padding: 0 0 40px 0px ; border-left: none; width: 740px; margin: 20px 0; height:auto; height:100%; min-height:100%;}
div#text li.ordernow a {display: block; background: url(../images/b_ordernow.gif) no-repeat; height: 27px; width: 87px;margin: 20px 0 0 0; text-indent: -9999px;}

ul#list {padding: 0 0 20px 0;}
ul#list li { padding: 5px 16px; background: url(../images/bullet_list.gif) no-repeat}
ul#list li.even {background-color: #fff;}

table#compare {width: 450px; margin: 20px 0;}
table#compare td {padding: 8px; text-align: center; border-bottom: solid 1px #fff;}
table#compare td.name { text-align: left; border-bottom: solid 1px #e9ecee;}
table#compare td.viagracol {background: #ddf3ff; color: #50b3ec;}
table#compare td.cialiscol {background: #fff5df; color: #ffac00;}
table#compare td.viagraheader {background: #50b3ec; color: #fff;}
table#compare td.cialisheader {background: #ffac00; color: #fff;}
table#compare td.header { border-bottom: solid 1px #ebebeb;}

table#tableorder {width: 740px; margin: 0 0 20px 0;}
table#tableorder td {border-bottom: solid 1px #e9ecee; padding: 5px;}
table#tableorder td#toprow {border-bottom: none;}
table#tableorder tr#subheader {border-top: solid 1px #fff;}
table#tableorder td.addtocart {width: 110px;}
table#tableorder td#pillimage {width: 90px;}
table#tableorder td#hotdeal {width: 50px;}
table#tableorder td.retailprice {text-decoration: line-through; color: #bdbdbd;}

h4#titletable {color:#fff; font-size: 1.3em; padding: 0 10px; margin: 0; line-height: 1.6em;width: 720px; color: #fff;}
h4#titletable.viagra {background: #50b3ec;}
h4#titletable.cialis {background: #ffac00;}
h4#titletable.combos {background: #72d16a;}
table#tableorder.viagra {border-bottom: solid 3px #50b3ec;}
table#tableorder.cialis {border-bottom: solid 3px #ffac00;}
table#tableorder.combos {border-bottom: solid 3px #72d16a;}
table#tableorder.viagra td  {border-bottom: solid 1px #ddf3ff;}
table#tableorder.cialis td  {border-bottom: solid 1px #fff5df;}
table#tableorder.combos td  {border-bottom: solid 1px #e3f6e1;}
table#tableorder.viagra tr#subheader {background: #ddf3ff; color: #50b3ec;}
table#tableorder.cialis tr#subheader {background: #fff5df; color: #ffac00;}
table#tableorder.combos tr#subheader {background: #e3f6e1; color: #72d16a;}


/* FOOTER */

div#footer {clear: both; bottom:0; font-size: 0.9em; line-height: 1.4em; text-align: right; color: #cccccc; padding: 0 0 40px 0; border-top: solid 1px #e9ecee;}

div#footer ul {list-style-type: none; margin: 1em 0 10px 0; padding:0; }
div#footer ul li {border-right: #e9ecee 1px solid; display:inline; line-height: 1em; margin:0 0.5em 0 0; padding: 0 0.5em 0 0; background: none;}
div#footer ul li.last {border-right-width: 0; margin-right: 0; padding-right: 0;}
p#footerlogos {background: url(../images/footer_logos.gif) no-repeat; width: 395px; height: 35px;float: right;}