/* CSS Document */

@import "reset.css";

.noMargin{ margin:0px;}
.floatL {float: left;}
.floatR {float: right;}
.noFloat {
	clear: both !important;
	float: none;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}
.noFloatSpan { /*no 1px height*/
	display: block;
	*display: inline;
	clear: both !important;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}

body {background:url(../images/bg.jpg) repeat-x #f3f3f3;}
#home-container { width:100%; background:url(../images/banner-home.jpg) center 136px no-repeat;}
.header { width:980px; height:70px; background:url(../images/header-bg.gif) no-repeat; margin:0 auto; padding:10px;}
.header a.logo { width:230px; height:50px; display:block; float:left;}

/*****  MENU *****/
.menu { margin:0 auto; width:1000px; height:46px;}
.menu a.hpv-treatment { background:url(../images/menu-bg.gif) 0px 0px no-repeat; width:147px; height:46px; display:block; float:left;}
.menu a.hpv-treatment:hover { background:url(../images/menu-bg.gif) 0px -46px no-repeat;}
.menu a.what-is-hpv { background:url(../images/menu-bg.gif) -147px 0px no-repeat; width:124px; height:46px; display:block; float:left;}
.menu a.what-is-hpv:hover { background:url(../images/menu-bg.gif) -147px -46px no-repeat;}
.menu a.hpv-simptoms { background:url(../images/menu-bg.gif) -271px 0px no-repeat; width:139px; height:46px; display:block; float:left;}
.menu a.hpv-simptoms:hover { background:url(../images/menu-bg.gif) -271px -46px no-repeat;}
.menu a.hpv-pictures { background:url(../images/menu-bg.gif) -410px 0px no-repeat; width:129px; height:46px; display:block; float:left;}
.menu a.hpv-pictures:hover { background:url(../images/menu-bg.gif) -410px -46px no-repeat;}
.menu a.hpv-faqs { background:url(../images/menu-bg.gif) -539px 0px no-repeat; width:72px; height:46px; display:block; float:left;}
.menu a.hpv-faqs:hover { background:url(../images/menu-bg.gif) -539px -46px no-repeat;}
.menu a.hpv-about { background:url(../images/menu-bg.gif) -611px 0px no-repeat; width:107px; height:46px; display:block; float:left;}
.menu a.hpv-about:hover { background:url(../images/menu-bg.gif) -611px -46px no-repeat;}
.menu a.hpv-contact { background:url(../images/menu-bg.gif) -718px 0px no-repeat; width:120px; height:46px; display:block; float:left;}
.menu a.hpv-contact:hover { background:url(../images/menu-bg.gif) -718px -46px no-repeat;}
.menu a.hpv-info { background:url(../images/menu-bg.gif) -838px 0px no-repeat; width:162px; height:46px; display:block; float:left;}
.menu a.hpv-info:hover { background:url(../images/menu-bg.gif)  -838px -46px no-repeat;}


/*****  BANNER *****/
.banner { margin:0 auto; width:980px; height:95px; padding:230px 0px 0px 20px; display:block;}
.banner .order-btn { width:154px; height:52px; float:left; margin:0px; background:none;}


/*****  MAIN *****/
.main-container { width:100%; background:url(../images/main-container.jpg) top center repeat-y;}
.main-container-internal { width:100%; background:url(../images/bg.png) top center repeat-y;}
.main { width:960px; margin:0 auto; padding:20px;}
.main .Sidebar { float:right; width:249px;}
.main .Sidebar img { margin-bottom:5px;}
.main .Sidebar .Testimonials { width:249px; background:url(../images/testimonial-bg-sidebar.jpg) top center repeat-y;}
.main .Sidebar .Testimonials p { font-size:14px; line-height:16px; color:#0f2a35; margin:0px 20px 10px 20px; font-family:Arial, Helvetica, sans-serif;}
.main .Sidebar .TestimonialsTop { width:249px; height:50px; background:url(../images/testimonial-top-sidebar.jpg) top center no-repeat;}
.main .Sidebar .TestimonialsBtm { width:249px; height:5px; background:url(../images/testimonial-btm-sidebar.jpg) bottom center no-repeat; margin-top:20px;}

.main .Content {
	float:left;
	width:640px;
	margin-left: 20px;
	;
	padding-top: 10px;
	;
}
.main .Content .TetimonialBox { border-top:solid 1px #f2f2f2; padding-top:20px;}
.main .Content .TetimonialBox p.desc { font-size:18px; font-family: Arial, Helvetica, sans-serif; color:#638287; font-style:italic; line-height:21px;}
.main .Content .TetimonialBox p.author { font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#000; margin-top:20px; line-height:20px;}
.main .Content .line { height:1px; border-bottom:solid 1px #e5e5e5; margin:30px 0px 30px 0px; width:640px;}
.main .Content h1 { color:#bc2b78; font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:normal; margin-bottom:20px;}
.main .Content h1.internal { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:45px; font-weight:normal; margin-bottom:0px; text-transform:uppercase;}
.main .Content h2 { color:#BC2B78; font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:normal; margin-bottom:5px;}
.main  h2 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; margin-bottom:5px;}
.main .Content h3 { color:#1CA4D4; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; margin-bottom:5px;}
.main .Content p { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#555; margin-bottom:20px; line-height:18px;}

table p.top { color:#9c9c9c; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
table p.title { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
table a, table a visited { font-size:12px; color:#1da8d8; font-family:Arial, Helvetica, sans-serif;}
table p.price { color:#83ab16; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
table p.green { color:#83ab16; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}

.main .Content a.click-here, .main .Content a.click-here:visited{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#0f91bc; margin-bottom:20px; line-height:19px; text-decoration:underline; background:url(../images/click-here.jpg) right 5px no-repeat; padding-right:25px; display:block; margin-bottom:40px; width:230px;}
.main .Content a.click-here:hover { text-decoration:none;}


/*****  FOOTER *****/
.footer-container { width:100%; background:url(../images/footer-bg.jpg) top center no-repeat;}
.footer { width:940px; margin:0 auto; padding:20px; color:#e4e4e4; height:80px; padding:50px 0px 0px 0px;}
.footer a, .footer a:visited{ color:#1ca6dc; text-transform:uppercase; font-size:11px; text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.footer p.copyright { font-size:11px; color:#9d9d9d; margin-top:10px;}

html { margin-left:-1px;}
.image {border:1px solid #CCCCCC; margin:0 8px 8px 0; padding:2px;}
.line { width:930px; border-bottom:solid 1px #e5e5e5; margin:0 auto; margin-bottom:10px;}


.input { background:url(../images/input-bg.jpg) no-repeat; padding:5px; width:194px; height:19px; border:none; float:left;}
.select-small { background: url(../images/dropdown-small-bg.jpg) no-repeat; padding:5px; width:194px; height:19px; border:none; position:absolute; color:#bbbbbb; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.select {width:194px; height:19px; border:none; opacity:0; position:relative;}
.select-big { background: url(../images/dropdown-big-bg.jpg) no-repeat; padding:5px; width:254px; height:19px; border:none; position:absolute; color:#bbbbbb; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.select01 {width:264px; height:19px; border:none; opacity:0; position:relative;}
p.infos { font-size:13px; color:#626262; font-family:Arial, Helvetica, sans-serif;}
p.description { font-size:13px; color:#b0b0b0; font-family:Arial, Helvetica, sans-serif; width:120px; float:right;}
.order-btn {width:154px; height:72px; background:url(../images/order-btn.jpg) no-repeat; margin:10px auto 0px auto; border:none;}
.total-price { font-size:17px; font-family:Arial, Helvetica, sans-serif; color:#626262; margin-top:10px; text-align:right; margin-right:10px; padding:10px 15px 20px 0px;}
.total-price span { color:#FF0000; font-weight:bold;}