html {
margin: 0;
padding: 0;
}

body {
background-image: url(img/header_bg_tile.png);
background-repeat: repeat-x;
background-color: #f2f2f2;
margin: 0;
padding: 0;
text-align: center;
}

img, div { behavior: url(iepngfix.htc) } /* This tells IE 5x & 6 how to view .png files properly */

ul, ol {
font-size: 1.3em;
}

h1 {color: #001b28;}

.first {
margin-top: 0;
}

/* ----------------------------------------------   LAYOUT   ------ */

#wrapper {
text-align: left;
margin: 0 auto;
width: 940px;
}

#header {
width: 940px;
height: 90px;
background-image: url(img/header_bg.png);
background-repeat: no-repeat;
}

#leftcol {
float: left;
width: 195px;
background-color: transparent;
margin-top: 15px;
}

#maincol {
float: right;
width: 720px;
background-color: #f2f2f2;
margin-top: 15px;
}

/* ----------------------------------------------   LEFT COLUMN   ------ */

.leftcol_title {
width: 195px;
height: 30px;
background-image: url(img/leftcol_title_bg.png);
background-color: #4a4842;
padding:0;
}

.leftcol_section {
width: 173px;
background-color: #fff;
border: 1px solid #cdcdcd;
border-top: 0;
padding: 0 10px;
margin-bottom: 1.25em;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
}

#leftcol li {
font-size: .8em;
line-height: 2.25em;
background-image: url(img/leftcol_li_bg.png);
background-position: bottom;
background-repeat: no-repeat;
}

#leftcol li a {
height: 16px;
list-style-type: none;
padding-left: 20px;
background-image: url(img/leaf.png);
background-repeat: no-repeat;
font-weight: bold;
text-decoration: none;
}

#leftcol li a:hover {
background-position: 0 -18px;
}

#leftcol ul {
padding: 0;
margin-bottom: 1.25em;
}

/* ----------------------------------------------   INDEX REVIEWS   ------ */

#review, #announce {
width: 698px;
padding: 15px 10px;
background-image: url(img/announce_bg.png);
background-repeat: repeat-x;
border: 1px solid #cdcdcd;
background-position: 0 0;
}

#review {
background-color: #fff;
background-image: url(img/review_bg.png);
background-repeat: no-repeat;
margin: 0 auto 30px auto;
}

#announce {
height: 123px;
background-image: url(img/announce_bg.png);
background-repeat: repeat-x;
}

.rating {
width: 75px;
height: 75px;
position: relative;
top:-30px;
left:-20px;
background-repeat: no-repeat;
}

.score_table {
width: 450px;
height: 115px;
float: right;
margin-left: 10px;
}

.score_table p {
line-height: 0;
font-size: 1.5em;
margin: 0;
}

.score_table h2 {
line-height: 0;
margin: 0 !important;
font-size: 1.8em;
}

.score_table td {
padding: 11px 0 11px 0;
}

.score_table strong, h2, {
color: #b10606 !important;
text-decoration: none;
}

.no1_bg {background-image: url(img/no-1_bg.png)}
.no2_bg {background-image: url(img/no-2_bg.png)}
.no3_bg {background-image: url(img/no-3_bg.png)}

.no1_bg, .no2_bg, .no3_bg {background-position: top center; background-repeat: no-repeat;}

.review_title {
position: relative;
top: 31px;
left: 85px;
}

.one {background-image: url(img/1.png)}
.two {background-image: url(img/2.png)}
.three {background-image: url(img/3.png)}
.poor {background-image: url(img/poor.png)}

/* The following styles are nudges to keep the rating product images in line */

.nudge {margin-left: 25px; margin-top: -17px;}
.nudge_hga {margin-left: 65px; margin-top: -17px;}
.nudge_genfx {margin: -17px 0 -35px 25px;}

/* ----------------------------------------------   FAQ   ------ */

#faq_wrap {
/* This is only an id to provide a container with, it requires no styles */
}

#faq_wrap p, .A {
margin-left: 22px;
}

#faq_wrap li, dt {
background-image: url(img/tick.png);
background-repeat: no-repeat;
background-position-y: 5px;
padding-left: 23px;
margin-left: 44px;
}

#faq_wrap dd {
margin-left: 44px;
}

.A {
color: #e01000;
}

.Q {
color: #003669;
}

.Q, .A {
font-size: 1.8em;
}

/* ----------------------------------------------   FOOTER   ------ */

#footer {
height: 60px;
width: 100%;
background-image: url(img/footer_bg.png);
background-repeat: repeat-x;
clear: both;
}

#footer div {
width: 940px;
height: 60px;
background-image: url(img/hghreview_logo.png);
background-repeat: no-repeat;
margin: 0 auto;
}

#footer li {
float: right;
margin: 0 1.5em 0 0;
}

#footer li a {
color: #f6f5ee;
}

#footer li a:active {
color: #9c9b98;
}

#footer li a:hover {
color: #b1a697;
}

#footer ul {
float: right;
margin: 5px 0 -5px 0;
clear: right;
}

/* ----------------------------------------------   MISC   ------ */

.white_box {
display: inline-table;
background-color: #fff;
margin: 0 auto;
padding: 0 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #cdcdcd;
}

.two_column_list {
width: 49.5%;
float: left;
font-size: 1.3em;
}

.two_column_list li {
background-image: url(img/tick.png);
background-repeat: no-repeat;
background-position-y: 4px;
padding-left: 22px;
font-weight: bold;
}

/* The following styles are used on the index page only */

.feature {
margin-top: 15px;
width: 355px;
}

.feature_title {
width: 355px;
height: 40px;
background-image: url(img/feature_title_bg.png);
background-repeat: repeat-x;
}

.feature_body {
width: 353px;
border: 1px solid #cdcdcd;
border-top: 0;
}

#header_link {
width: 400px;
height: 90px;
float: left;
background-image: url(blank.gif);
cursor: pointer;
}

/* ----------------------------------------------   BUTTONS   ------ */

.feature_genf20 {
margin-top: 5px;
width: 355px;
height: 30px;
position: relative;
}

.feature_genf20 span {
background: url(img/buttons/feature_genf20.png) no-repeat 0 0;
position: absolute;
width: 100%;
height: 100%;
}

.feature_genf20 span:hover {
background-position: 0 -30px;
}

.genf20_free {
margin-top: 5px;
width: 720px;
height: 55px;
position: relative;
}

.genf20_free span {
background: url(img/buttons/genf20_free.png) no-repeat 0 0;
position: absolute;
width: 100%;
height: 100%;
}

.genf20_free span:hover {
background-position: 0 -55px;
}

.genfx_free {
margin-top: 5px;
width: 720px;
height: 55px;
position: relative;
}

.genfx_free span {
background: url(img/buttons/genfx_free.png) no-repeat 0 0;
position: absolute;
width: 100%;
height: 100%;
}

.genfx_free span:hover {
background-position: 0 -55px;
}

.hga_spray_free {
margin-top: 5px;
width: 720px;
height: 55px;
position: relative;
}

.hga_spray_free span {
background: url(img/buttons/hga_spray_free.png) no-repeat 0 0;
position: absolute;
width: 100%;
height: 100%;
}

.hga_spray_free span:hover {
background-position: 0 -55px;
}

.home {
margin: 0 0 15px 0;
width: 195px;
height: 30px;
position: relative;
}

.home {
margin-top: 0;
width: 195px;
height: 30px;
position: relative;
}

.home span {
background: url(img/buttons/home.png) no-repeat 0 0;
position: absolute;
width: 100%;
height: 100%;
}

.home span:hover {
background-position: 0 -30px;
}

.Sytropin_free {
margin-top: 5px;
width: 720px;
height: 55px;
position: relative;
}

.Sytropin_free span {
background: url(img/buttons/Sytropin_free.png) no-repeat 0 0;
position: absolute;
width: 100%;
height: 100%;
}

.Sytropin_free span:hover {
background-position: 0 -55px;
}

.Somatropin_free {
margin-top: 5px;
width: 720px;
height: 55px;
position: relative;
}

.Somatropin_free span {
background: url(img/buttons/Somatropin_free.png) no-repeat 0 0;
position: absolute;
width: 100%;
height: 100%;
}

.Somatropin_free span:hover {
background-position: 0 -55px;
}


.GHR1000_free {
margin-top: 5px;
width: 720px;
height: 55px;
position: relative;
}

.GHR1000_free span {
background: url(img/buttons/GHR1000_free.png) no-repeat 0 0;
position: absolute;
width: 100%;
height: 100%;
}

.GHR1000_free span:hover {
background-position: 0 -55px;
}