/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */

* {
	margin:0;
	padding:0;
}


/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body, form, input, div {
	font-family:Arial;
	font-size:14px;
	color:#7e7e7e;
}

body {
    text-align: center;
	background: url(../images/backgorund-body.gif) top left repeat-x;
}

h1 {font-family:Arial; font-size:24px; color:#3e8c99; padding-top:20px;}
h2 {font-family:Arial; font-size:18px; color:#3e8c99; padding-top:20px;}
h3 {font-family:Arial; font-size:16px; color:#3e8c99; padding-top:20px;}
h4 {font-family:Arial; font-size:14px; color:#3e8c99; padding-top:20px;}

p {padding-top: 20px; font-family:Arial; color:#7e7e7e;}

a:link, a:visited {color:#fc9d29; text-decoration: underline;}
a:hover {color:#fc9d29; text-decoration: underline;}

img {border: none;}

ul {
    padding: 20px 0 20px 40px;
}


hr {
    border-top: 1px solid #cfe4e5;
	height: 1px;
	color: #cfe4e5;
	width: 100%;
	margin: 5px 0;
}


/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/

#container{
	margin:0 auto;
	width:974px;
	text-align: left;
}
    /* ---------------------------*/
	/* TOP BAND */
    #merckLogo{
		float: left;
		height: 30px;
	}

	#contactLink{
        float: right;
		height: 24px;
		padding: 6px 20px 0 0;
    }


	/* ---------------------------*/
	/* LOGO */
	#mainLogo{
		clear: left;
		float: left;
		height: 95px;
		padding: 20px 0 0 60px;
	}


	/* ---------------------------*/
	/* OPTION BAR */
	#optionBar{
		clear: right;
		float: right;
		background: url(../images/background-options.gif)  no-repeat;
		width: 336px;
		height: 115px;
	}

        /* ---------------------------*/
		/* OPTION ELEMENTS */
		#optionElements {
			width: 310px;
			height: 65px;
            padding: 10px 0 10px 26px;
        }

        a.options:link, a.options:visited {font-size:12px; color:#858585; text-decoration: none;}
		a.options:hover {font-size:12px; color:#858585; text-decoration: underline;}


    /* ---------------------------*/
	/* MAIN CONTENT */
	#mainContent {
		clear: both;
		width: 974px;
    }


        /* ---------------------------*/
		/* MAIN CONTENT HOME PAGE */
		#mainImage {
            background: url(../images/main-home.jpg) top left no-repeat;
			width: 974px;
			height: 685px;
        }

        #mainImageFrench {
            background: url(../images/main-home-fr.jpg) top left no-repeat;
			width: 974px;
			height: 685px;
        }

		#navBoxHome{
			padding: 40px 0 0 570px;
			width: 406px;
			height: 275px;
		}

		#imageText {
			float: left;
			width: 575px;
			padding: 100px 0 0 45px;
        }

        #sideBox{
			float: right;
			background: url(../images/background-dl.png) top left no-repeat;
			width: 287px;
			height: 278px;
			margin-top: 35px;
		}

        #sideBoxContent{
			width: 215px;
			padding: 20px 20px 0 20px;
		}

        #sideBoxFrench{
			float: right;
			background: url(../images/background-dl.png) top left no-repeat;
			width: 287px;
			height: 278px;
			margin-top: 35px;
		}

        #sideBoxContentFrench{
			width: 220px;
			padding: 10px 10px 0 15px;
		}

		#mainTextHome {
            margin-left: 40px;
			width: 920px;
        }


        /* ---------------------------*/
		/* MAIN CONTENT INSIDE PAGE */
        #insideMainImage {
            background: url(../images/inside-top.jpg) top left no-repeat;
			width: 974px;
			height: 417px;
        }

        #insideMainImageFrench {
            background: url(../images/inside-top-fr.jpg) top left no-repeat;
			width: 974px;
			height: 417px;
        }

        #navBoxInside{
			padding: 40px 0 0 570px;
			width: 406px;
			height: 275px;
		}

        #inside2Panel {
            background: url(../images/inside-mid.gif) top left repeat-y;
			width: 974px;
			overflow: hidden;
        }
        
        #popupBox {
            background: url(../images/popUp-bg.gif) no-repeat;
			width:471px;
			height:227px;
			padding:0 20px 0 20px;
			text-align:center;
			display: block;
			position:absolute;
			top:350px;
			left:50%;
			margin-left: -255px;
        }
			#popupBox h1 {
				font: bold 24px arial;
				color: #41908a;
				text-transform: uppercase;
				margin: 0;
				padding: 20px 0 0 0;
            }

            #popupBox h2 {
                font: bold 18px arial;
				color: #41908a;
				text-transform: uppercase;
				margin: 0;
				padding: 0;
            }

            #popupBox p {
                font: bold 14px arial;
				color: #5a5a5a;
				margin: 0;
				padding: 20px 0 0 0;
            }

		#insideMainText{
			float: left;
			padding: 0 0 0 50px;
			width: 575px;
			margin-top: -23px;
        }


	    /* ---------------------------*/
		/* SIDE IMAGE */
		#insideSideImage{
			float: right;
			width: 248px;
			height: 530px;
			padding: 0 37px 0 0;
		}

        #insideSideImageClinic{
			float: right;
			width: 266px;
			height: 620px;
			padding: 60px 37px 0 0;
		}


         /* ---------------------------*/
		/* ADD/REMOVE CLINIC FORM */
		#clinicForm label {float: left; width: 150px; text-align: right;}
		#clinicForm input.textField {float: right; margin-right: 50px; width: 350px; vertical-align:middle;}
		#clinicForm br {clear: both;}


        /* ---------------------------*/
		/* INFO BOX */
        #insideZostavaxInfo{
			clear: both;
			background: url(../images/inside-dl.gif) top left no-repeat;
			width: 914px;
			height: 186px;
			margin: 0 0 0 31px;
        }


        #zostavaxInfoLogo{
			float: left;
			width: 155px;
			padding: 70px 0 0 40px;
        }

        #reminder{
			float: left;
			width: 155px;
			padding: 25px 0 0 20px;
        }

        #zostavaxInfoText1{
			float: left;
			width:250px;
			font-size: 12px;
			padding: 32px 0 0 50px;
        }

        #zostavaxInfoText2{
			float: left;
			width: 350px;
			font-size: 12px;
			padding: 32px 0 0 30px;
        }

        #zostavaxInfoText1French{
			float: left;
			width: 300px;
			font-size: 12px;
			padding: 32px 0 0 50px;
        }

        #zostavaxInfoText2French{
			float: left;
			width: 300px;
			font-size: 12px;
			padding: 32px 0 0 30px;
        }

        #zostavaxInfoText3{
			float: left;
			width: 605px;
			font-size: 12px;
			padding: 10px 0 0 60px;
        }


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



/* ---------------------------*/
/* FOOTER BAND */
#pageFooter{
	clear: both;
	width: 100%;
	height: 19px;
    border-top: 1px solid #d03030;
	border-bottom: 1px solid #d03030;
	margin: 0 0 2px 0;
}

	#pageFooterText{
		margin: 0 auto;
		width: 974px;
	}

	#bottomLinks{
	    margin: 0 auto;
		width: 974px;
		color: #056466;
	}

	#bottomLinksFrench{
	    margin: 0 auto;
		width: 974px;
		color: #056466;
	}

	#bottomLinks ul {
	    list-style-type:none;
		padding: 1px 0;
	}

		#bottomLinks ul li {
		    display:inline;
		}

		#bottomLinks a:link, #bottomLinks a:visited {
			font-size:12px;
			text-decoration: none;
			color: #056466;
			background:#ffffff;
			padding: 0 24px;
			border-right: 1px solid #d03030;
		}

		#bottomLinks a:hover {
			font-size:12px;
			text-decoration: none;
			color: #056466;
			background:#ffffff;
			padding: 0 24px;
			border-right: 1px solid #d03030;
		}

		#bottomLinks a.last:link, #bottomLinks a.last:visited {
			font-size:12px;
			border: none;
		}

		#bottomLinks a.last:hover {
			font-size:12px;
			border: none;
		}

	#bottomLinksFrench ul {
		list-style-type:none;
		padding: 1px 0;
	}

	#bottomLinksFrench ul li {
		display:inline;
	}

        #bottomLinksFrench a:link, #bottomLinksFrench a:visited {
			font-size:12px;
			text-decoration: none;
			color: #056466;
			background:#ffffff;
			padding: 0 13px;
			border-right: 1px solid #d03030;
		}

		#bottomLinksFrench a:hover {
			font-size:12px;
			text-decoration: none;
			color: #056466;
			background:#ffffff;
			padding: 0 13px;
			border-right: 1px solid #d03030;
		}

		#bottomLinksFrench a.last:link, #bottomLinksFrench a.last:visited {
			font-size:12px;
			border: none;
		}

		#bottomLinksFrench a.last:hover {
			font-size:12px;
			border: none;
		}


/* ------------------------------
CUSTOM CLASSES
------------------------------ */

a.contactUs:link, a.contactUs:visited {font-size:11px; font-weight: bold; color:#ffffff; text-decoration: none;}
a.contactUs:hover {font-size:11px; font-weight: bold; color:#ffffff; text-decoration: underline;}

.sideBoxHeader {font-size:16px; color:#3e8c99; font-weight: bold;}
.sideBoxHeaderFrench {font-size:14px; color:#3e8c99; font-weight: bold;}
.downloadAcrobat {font-size:12px; color:#7e7e7e;}
.sideBoxIndent {margin-left: 30px;}
a.sideBoxLink:link, a.sideBoxLink:visited {font-size:14px; font-weight: normal; color:#fc9d29; text-decoration: underline;}
a.sideBoxLink:hover {font-size:14px; font-weight: normal; color:#fc9d29; text-decoration: underline;}

.textZostavax {color:#418c91; font-weight: bold; font-size: 14px;}
.smallTextZostavax {color:#418c91; font-weight: bold; font-size: 12px;}
.darkGrey {color: #5a5a5a;}
.textMerckFooter {font-size:12px; color:#3e8c99; font-weight: normal;}
.textDisclaimerFooter {font-size:12px; color:#a3a4a6; font-weight: normal;}

.mcSmall {font-size: 75%; vertical-align: text-top; font-weight: normal;}
.mcLarge {font-size: 75%; vertical-align: text-top; font-weight: normal;}