﻿body { background: #fff; margin:0;}
body, p, td, ul, li { font: 12px Arial, Helvetica, sans-serif; color:#555;}
p, td {line-height:150%; margin:0 0 8px 0; }
ul li {color: #0aaad7; margin-bottom: 5px; }

/* input, select {border:1px #777 solid;background-color:#fff;} */
h1,h2,h3,ul {text-align:left;}
h1 {font-size: 2px; color:#003D7D;}
h2 {font-size: 24px; color:#003D7D;}
h3 {font-size: 20px; color:#003D7D;}
h4 {font-size: 16px; color:#003D7D; font-weight:normal;}
h5 {font-size: 15px; color:#555; font-weight:bold; margin-bottom:4px;padding-bottom:0;}
.grey {color: #555;}
.smaller {font-size:11px;}
.smallest {font-size:10px;line-height:115%;}
.tinyfont {font-size:2px;}
.none {border:none;}
.error {color:Red; font-size:18px;}
.red {color:#ff0000;}
.top40 {margin-top:40px;}
.tighter {line-height:normal;}

.smallhead {color: #064280; font-size:  14px;}
.boldhead {color: #555555; font-size:  14px; font-weight:bold;}
.FAQq {background: url(../images/FAQq.gif) no-repeat; padding-left: 35px; overflow:visible; margin: 2px; padding-bottom: 5px;}

a:link, a:visited {color:#003D7D; font-weight:normal;}
a:hover, a:active {color:#ED2824; font-weight:normal;}
.fakelink {color:#003D7D; font-weight:normal; text-decoration: underline;}

a.red:link, a.red:visited {color:#ED2824; text-decoration: none; font-size:  11px;}
a.red:hover, a.red:active {color:#003d7d; text-decoration: underline; font-size:  11px;}


div#header {margin:0;width:765px;position:relative;}
div#wrapper { position:relative; margin:0 auto; width:765px;text-align:left; }

left {text-align:left;}
.para {margin-bottom: 20px;}
.center {text-align:center;}
.left {text-align:left;}
.marg4 {margin: 4px;text-align:left;}
.marg12 {margin: 12px;}
div.content .para {margin: 0 10px 0 15px; }
.calcpad {padding: 5px 13px 3px 20px;}
.calcpushright {padding-left: 10px;}
.calcrbord {border-right: #C2E0FF 1px solid;}
.greyrbord {border-right: #dddddd 1px solid;}
.greyhead {margin:3px 0; color:#666;}
th.ingred { background-color:#eaeaea; line-height:20px; }
.bbord {border-bottom: 1px solid #eee;}
.OfferThankyou {font-weight:bold;}
.bluetxt {color:#003D7D;}

.content-wrap { display:inline; float:right; background: transparent url(../images/content_mid_bg.gif) repeat-y; width:583px; margin-right:16px;margin-top:-3px;}
.nm_content-wrap { display:inline; float:right; background: transparent url(../images/nm_content_mid_bg.jpg) repeat-y; width:583px; margin-right:16px;margin-top:-3px;}
.camp_content-wrap { display:inline; float:right; background: transparent url(../images/content_mid_camp_bg.jpg) repeat-y; width:583px; margin-right:16px;margin-top:-3px;}
div.top { background: url(../images/content_bg_top.gif) no-repeat top;width:583px;height:88px; }
div.nm_top { background: url(../images/nm_content_bg_top.jpg) no-repeat top;width:583px;height:46px; }
div.camp_top { background: url(../images/content_bg_camp_top.jpg) no-repeat top;width:583px;height:46px; }
div.content { position:relative; margin:20px; margin-top:-80px;}
div.content h2 { font: bold 16px "Arial" }
div.content p { margin:10px 0 }
.bd_bg_nomenu {background: url(../images/bd_bg_nomenu.jpg) repeat-y left;}
.bd_bg_bluemenu {background: url(../images/bd_bg_bluemenu.jpg) repeat-y left;}
.bd_bg_parchmenu {background: url(../images/bd_bg_parchmenu.jpg) repeat-y left;}
.menuinsert {width:522px; background: url(../images/menuinsert_mid.gif) repeat-y left;}
.menusubinsert {margin-left:12px; width:503px; background: url(../images/menusubinsert_mid.gif) repeat-y;}
.bgprodinsert {margin:20px 10px;width:298px; background: url(../images/prodinsert_mid.gif) repeat-y;}
.subheader {color: #064280; font-size:  16px;}

.yellowbox {background-color:#FFFAD4;padding:15px;}

.botmarg {margin-bottom: 5px;}
.watermark {color:#999999;}

a.noul:link, a.noul:visited, a.noul:focus, a.noul:active {text-decoration: none; }

a.dropdown:link, a.dropdown:visited { font-size: 11px; color: #fff;font-weight:bold; text-decoration: none; line-height:160%;}
a.dropdown:hover, a.dropdown:active { font-size: 11px; color: #20F6F3;font-weight:bold; text-decoration: none;  line-height:160%;}

a.legal:link, a.legal:visited {color:#555555; font-weight:normal; text-decoration:none;}
a.legal:hover, a.legal:active {color:#ED2824; font-weight:normal;}

a.footer:link, a.footer:visited {color:#003D7D; font-weight:normal;}
a.footer:hover, a.footer:active {color:#ED2824; font-weight:normal;}

.breadcrumbs {color:#003D7D; font-weight:normal; font-size: 11px;}
.breadcrumbs a {color:#003D7D; font-weight:normal; font-size: 11px;}
.breadcrumbs a:hover {color:#ED2824;}

.sup {position: relative; top: -3px; line-height:normal;}


/* ------============================================================================------*/

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
/*background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE
border: 1px solid #BBB;
padding: 4px 0;
*/
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
/*padding: 4px 7px;
border-right: 1px solid #DADADA;
*/
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover{
/*background: url(chromebg-over.gif) center center repeat-x; THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: none; /*THEME CHANGE HERE*/
border-top-width: 0;
font:normal 11px Arial, Helvetica, sans-serif;
z-index:100;
background-color: white;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
border-bottom: none; /*THEME CHANGE HERE*/
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #BFD0E2;
}

/*  Calendar ============ */
.calendar {margin: 4px;}
.white {color:#fff;}
.nodaystyle 
{
    color:#999999;
}
.daystyle a
{
    text-decoration:none
}
.daystyle:hover
{
    background-color:#DDDDDD;
}
.thisselect
{
    background-color:#FF0000;
}
.otherselect
{
    background-color:#00FF00;
}
.error{color:Red;}
.weekend {background-color:#FFFFCC;}
.calendartextbox {margin-bottom:9px;}
.reminderStyle
{
	background-color: Transparent;
	padding:12px;
}
.reminderStyleAlt 
{
	background-color: #F4F2F3;
	padding:12px;
}
.kissRemovebtn {}
.Kiss_lipLabel {font-size:11px; color:Red; margin:0 0 10px 25px; padding:0; text-align:center;}


/* Promo ------ Commented this out until I know if we are using custom
.promoHead {font-size: 24px; color:#003D7D; padding-bottom:20px;}
#ctl00_regControl_btnSubmit {width:104px; height:40px; background:url('../images/btn_Blank.gif') no-repeat; border:none; color:#555; margin:20px;}
#ctl00_regControl_btnSubmit:hover {width:104px; height:40px; background:url('../images/btn_Blank_over.gif') no-repeat; border:none; color:white; margin:20px;}
#ctl00_signinControl_btnSendEmail {width:150px; height:40px; background:url('../images/btn_Blank150.gif') no-repeat; border:none; color:#555; margin:20px;}
#ctl00_signinControl_btnSendEmail:hover {width:150px; height:40px; background:url('../images/btn_Blank150_over.gif') no-repeat; border:none; color:white; margin:20px;}
#ctl00_signinControl_btnSubmit {width:104px; height:40px; background:url('../images/btn_Blank.gif') no-repeat; border:none; color:#555; margin:20px;}
#ctl00_signinControl_btnSubmit:hover {width:104px; height:40px; background:url('../images/btn_Blank_over.gif') no-repeat; border:none; color:white; margin:20px;}
#ctl00_promoContent_signinControl_btnSubmit {width:104px; height:40px; background:url('../images/btn_Blank.gif') no-repeat; border:none; color:#555; margin:20px;}
#ctl00_promoContent_signinControl_btnSubmit:hover {width:104px; height:40px; background:url('../images/btn_Blank_over.gif') no-repeat; border:none; color:white; margin:20px;}

/*
#ctl00_promoContent_regControl_btnSubmit {width:268px; height:40px; background:url('../images/btn_Kiss_reg.gif') no-repeat; border:none; color:#555; margin:20px;}
#ctl00_promoContent_regControl_btnSubmit:hover {width:268px; height:40px; background:url('../images/btn_Kiss_reg_over.gif') no-repeat; border:none; color:#555; margin:20px;}

#ctl00_promoContent_signinControl_btnSendEmail {width:150px; height:40px; background:url('../images/btn_Blank150.gif') no-repeat; border:none; color:#555; margin:20px;}
#ctl00_promoContent_signinControl_btnSendEmail:hover {width:150px; height:40px; background:url('../images/btn_Blank150_over.gif') no-repeat; border:none; color:white; margin:20px;}
#ctl00_promoContent_surveyControl_submitButton {width:150px; height:40px; background:url('../images/btn_Blank150.gif') no-repeat; border:none; color:#555; margin:20px;}
#ctl00_promoContent_surveyControl_submitButton:hover {width:150px; height:40px; background:url('../images/btn_Blank150_over.gif') no-repeat; border:none; color:white; margin:20px;}
#ctl00_promoContent_regControl_btnSubmit {width:104px; height:40px; background:url('../images/btn_Blank.gif') no-repeat; border:none; color:#555; margin:20px;}
#ctl00_promoContent_regControl_btnSubmit:hover {width:104px; height:40px; background:url('../images/btn_Blank_over.gif') no-repeat; border:none; color:white; margin:20px;}
*/
#ageDiv .Question {text-align:center;}
#ageDiv .RequiredMarkerLabel {color:#f4ede3;}

/* Rating */

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(images/rating/star100.gif);
}

.emptyRatingStar {
    background-image: url(images/rating/star0.gif);
}

.savedRatingStar {
    background-image: url(images/rating/star50.gif);
}

/* sandbag divs */
#sb01, #sb02, #sb03,
#sb04, #sb05, #sb06,
#sb07, #sb08, #sb09,
#sb10, #sb11, #sb12,
#sb13, #sb14  {
float: right;
clear: right;
}

#sb01 {
	width: 211px; 
	height: 19px;
	background: url("../images/about_gsk_01.jpg") no-repeat;
}

#sb02 {
	width: 222px; 
	height: 20px;
	background: url("../images/about_gsk_02.jpg") no-repeat;
}

#sb03 {
	width: 229px; 
	height: 20px;
	background: url("../images/about_gsk_03.jpg") no-repeat;
}

#sb04 {
	width: 236px; 
	height: 80px;
	background: url("../images/about_gsk_04.jpg") no-repeat;
}

#sb05 {
	width: 233px; 
	height: 20px;
	background: url("../images/about_gsk_05.jpg") no-repeat;
}

#sb06 {
	width: 228px; 
	height: 20px;
	background: url("../images/about_gsk_06.jpg") no-repeat;
}

#sb07 {
	width: 221px; 
	height: 20px;
	background: url("../images/about_gsk_07.jpg") no-repeat;
}

#sb08 {
	width: 212px; 
	height: 20px;
	background: url("../images/about_gsk_08.jpg") no-repeat;
}

#sb09 {
	width: 201px; 
	height: 20px;
	background: url("../images/about_gsk_09.jpg") no-repeat;
}

#sb10 {
	width: 187px; 
	height: 20px;
	background: url("../images/about_gsk_10.jpg") no-repeat;
}

#sb11 {
	width: 170px; 
	height: 20px;
	background: url("../images/about_gsk_11.jpg") no-repeat;
}

#sb12 {
	width: 150px; 
	height: 20px;
	background: url("../images/about_gsk_12.jpg") no-repeat;
}

#sb13 {
	width: 120px; 
	height: 20px;
	background: url("../images/about_gsk_13.jpg") no-repeat;
	margin-bottom: 1px;
}

#sb14 {
	width: 16px; 
	height: 202px;
	background: url("../images/about_gsk_14.jpg") no-repeat;
}
/* end sandbag-divs */

.about_header {
	font-family: Arial, Helvetica, sans-serif;
	color: #01387C;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
}

.about_content {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	margin-left: 10px;
}
	