@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family:Georgia, "Times New Roman", Times, serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*body{background:url(/crforms/styleimages/newtrop/bg.gif);*/
body{background:url(/crforms/styleimages/newtrop/bg.jpg);
background-repeat: repeat-x; background-color:#fff;}
img{vertical-align:text-top}

/* layout */

div#whole{width:850px; position:absolute; top:25px; left:50%; margin:0 0
0 -425px; padding:0px; background-color:#fff;}
#whole #head{width:850px; height:130px; background-color:#000;
/*background:url(/crforms/styleimages/newtrop/header.png) no-repeat;*/
background:url(/crforms/styleimages/newtrop/header.jpg) no-repeat;
margin:0;}

div#myname{float:right; margin:15px 0 0 0; padding:25px 0 10px 0;
right:15px; position:relative; top: -18px; }
div#myname h1{font-size:0px; font-weight:bold;; color:#0e6b3b; padding: 0px 0px 0px 0px; visibility:hidden !important}
/*div#myname h1{font-size:26px; font-weight:bold;; color:#0e6b3b; padding: 0px 0px 0px 0px}*/
div#mylocation{float:right; margin:30px 0px 0px 0px; clear:both;}

/* Country Breadcrumb */
div.mylocation ul{float:left;}
div.mylocation ul li{float:left; font-weight:bold; font-size:12px;
padding:5px 5px 5px 50px; margin:0 10px 0 0; border-left:1px solid #96bee3; font-variant:small-caps;}
div.mylocation ul #usali{border:none; font-variant:small-caps;}
div.mylocation ul #englishli{border:none;padding: 0 5px 0 55px;}
div.mylocation ul li a{color:#858585; text-decoration:none;}
div.mylocation ul li a:hover{text-decoration:underline;}
div.mylocation ul li a.mylocationsel{color:#858585;font-size:12px;}
div.mylocation ul li a.nationsel:hover{text-decoration:none;}

/* SideNav and Content Area */
#whole #middle{ width:850px; height:532px; padding:0;}
#whole #middle #sidebar{width:236px; height:532px; background:#c0daf0;
border-bottom:3px solid #c0daf0; padding:0; margin:0; background:url(/crforms/styleimages/newtrop/sidebar.jpg) no-repeat bottom; background-color:#c0daf0;}
#whole #middle #sidenobar{width:120px; float:left;}
#whole #middle #contbar{float:left; width:611px; height:532px;
border-bottom:3px solid #c0daf0; border-right:3px solid #c0daf0;
margin:0; padding:0;}
#whole #middle #contnobar{float:left; width:845px; position:relative;
z-index:9995;}

/* looks */
div.side{float:left; position:relative; top:0px; left:0px; margin:0 8px
0 0; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
div.side ul{font-weight:bold; font-size:14px; color:#1b6c45; margin:0px 0px 0px 4px; padding:0px 10px 12px 20px; font-variant:small-caps; background:url(/crforms/styleimages/newtrop/bullet.jpg) no-repeat;}
div.side ul li{list-style:none; padding:0 0 0 5px; font-size:12px; margin:10px 0 0 0;}
div.side ul li a{color:#666; text-decoration:none; font-weight:normal; font-variant:normal;}
div.side ul li a:hover{text-decoration:underline;}
div.side ul li#mediali {padding-bottom:0px;}
div.side ul li#contactli {position:relative; top:15px; left:30px;}
div.side ul li#contactli a{color:#fff;
/*background:url(/crforms/styleimages/newtrop/homeButton.png) no-repeat;*/
background:url(/crforms/styleimages/newtrop/homeButton.jpg) no-repeat; width:109px; height:39px; padding:6px 30px 10px 50px; font-size:16px; font-variant:small-caps;}

div.cont a{color:#E17124; text-decoration:underline;}
div.cont a:hover {color:#0e6b3b; text-decoration:none;}

/* Form looks */
div.cont form{ width:550px; margin:0 0 0 30px; padding:0;
font-size:14px; color:#4a4b4b; text-justify:auto;}
div.cont form p {margin:10px 0 0 0; padding:0;}
div.cont form textarea{width:520px; height:200px; font-size:12px;
margin:0; padding:0;}
div.cont form input{width:200px;color:#4a4b4b;}
div.cont form #EmailUSblock {margin:10px 0 0 0;}
div.cont form #CallUSblock { font-weight:bold;}
div.cont form #CallUSblock ul li { font-weight:normal;}
div.cont form #WriteUSblock{color:#E17124; font-weight:bold;
padding:10px 0 0 0}
div.cont form #WriteUSblock pre {margin:5px 10px 10px 10px;
color:#4a4b4b; font-size:12px; font-weight:bold;}
div.cont form #sendblock input,
div.cont form #continueblock input,
div.cont form #Buttonblock #Button {width:auto; margin:10px 0 10px 0}
div.cont form div label{float:left; color:#4a4b4b; margin:0; padding:0;}

div.cont form div.contDASHblock,
div.cont form div.contTEXTblock,
div.cont form div.contDROPblock,
div.cont form div.contAREAblock,
div.cont form #continueblock{margin:10px 30px 0 0; width:auto;}

div.cont1 form div.contDASHblock,
div.cont1 form div.contTEXTblock,
div.cont1 form div.contDROPblock,
div.cont1 form div.contAREAblock,
div.cont1 form #continueblock{float:left;}

/* England styles */
div.cont0 form { margin:15px 0 0 30px;}
dt {font-weight:bold; color:#0e6b3b; padding-top:15px;
padding-bottom:5px; }
dt span.LOUD {font-size: large; }
dt span.LOUDER {font-size: large; font-weight:bold;}
dd.UnionJack
{padding-left:10px; height:70px;}
dd.UnionJack ul {font-weight:bold;}
dd.UnionJack ul li {font-weight:normal; list-style:none;
margin-top:5px;}

/* start no code left behind */

div.cont form #donationsblock div dl {width:300px;}
div.cont form #donationsblock div#clickthrough {background:url(
/crforms/styleimages/tropicana/little_map.gif ) no-repeat ;
position:relative; top:-240px; left:330px; width:200px; height:200px;}
div.cont form #donationsblock div#clickthrough div#clicklink
{font-size:10px; width:90px; position:relative; top:30px;
margin-left:60px; padding:5px; background-color:orange;
text-align:center;}
div.cont form #donationsblock div#clickthrough div#clicklink
a{color:#fff ; text-decoration:none;}
div.cont form #donationsblock div#clickthrough div#clicklink
a:hover{color:#4a4b4b;text-decoration:none;}

div.cont form #donations2block div {width:555px;}
div.cont form #donations2block div#clickmap {background:url(
/crforms/styleimages/tropicana/contactus_donations.jpg ) no-repeat 50px
0; ;width:550px; height:230px;  overflow:hide;}
div.cont form #donations2block div#clickdir { font-size:smaller;
width:100px; height:100px; position:relative; top:-230px; margin:20px; }
div.cont form #donations2block div#clickdir p { font-size:larger;
position:relative; top:10px; left:-20px; font-weight:bold; }

div.cont form #donations3block div, div.cont form #donations4block div
{font-weight:bold;}
div.cont form #donations3block div ul, div.cont form #donations4block
div ul {margin-bottom:15px;}
div.cont form #donations3block div ul li, div.cont form #donations4block
div ul li {font-weight:normal; margin-top:10px;}

/* no code left behind */

div.helper{cursor:pointer; color:#c0daf0; font-size:8px; overflow:show;}
div.filler{display:none;}
div.fillin{display:block; color:#c0daf0; font-size:8px;}
div.fillin a:link{color:red; text-decoration:none;}
div.fillin a:visited{color:red; text-decoration:none;}
div.fillin a:hover{color:red; text-decoration:none;}
div.fillin a:active{color:red; text-decoration:none;}

div.cont form #UPCblock{margin-top:10px; width:250px; height:130px;
overflow:hidden;}
div.cont form #UPCblock
#UPCpanel{background:url(/crforms/styleimages/greybarcode.jpg);
height:65px; width:200px; padding:10px; overflow:hidden;}
div.cont form #UPCblock input#UPC{position:relative; top:50px;
left:120px; z-index:9999; border:2px solid #FF6633;}
div.cont form #PartUPCblock{position:relative; color:white; float:none;
left:30px; top:5px;}
div.cont form #Dashblock{position:relative; float:none; top:-42px;
left:100px; width:10px; text-align:center;}
div.cont form #PartUPCblock input,
div.cont form #UPCblock input{width:50px;}

/* Thank-you Page */
#whole #middle #sidebar.side99 {width:236px; height:532px;
border-top:3px solid #c0daf0; padding:0; margin:0; }
#whole #middle #contbar.cont99 {float:left; width:611px; height:532px;
border-top: 3px solid #c0daf0; margin:0; padding:0;}
div#thankYoublock { font-weight:bold; color:#4a4b4b; margin:30px 0 0
30px; padding-bottom:10px;}

/* THE FOLLOWING ITEMS ACT AS CR/LF TO GO TO THE NEXT LINE ON THE FORM
*/

#clrLastName,
#clrtopblock,
#clrreplycomment,
#clrdatecodeline1,
#clrdatecodeline2,
#clrApt,
#clrTitle,
#clrFAX,
#clrStart,
#clrFirstTime,
#clrLine,
#clrOrgName,
#clrDeadline,
#clrMFG_CODE,
#clrState,
#clrCountry,
#clrZip,
#clrUPCEND,
#clrFlavor,
#clrPackageSize,
#clrproduct,
#clrConfirmAddressAgain,
#clrStorePurchased,
#clrEmailAddress,
#clrDaytimePhone,
#clrNighttimePhone,
#clrcomment{clear:both;}

div.foot ul{padding:5px 0 0 20px;}
div.foot ul li{display:inline; font-weight:bold; padding:0 10px 0 0;
margin:0 0 0 10px; font-size:10px; border-right:2px solid #000;}
div.foot ul #termsli{border:none;}
div.foot ul li a:link{color:#000; text-decoration:none;}
div.foot ul li a:visited{color:#000; text-decoration:none;}
div.foot ul li a:hover{color:#000; text-decoration:underline;}
div.foot ul li a:active{color:#000; text-decoration:none;}
div.foot hr{display:none;}

.clr{clear:both;}
.break{display:none;}

.asterisk,
.OPENcontmissedmsg,
.OPENcontreqerrmsg,
.OPENconterrmsg,
.DROPcontmissedmsg,
.DROPcontreqerrmsg,
.DROPconterrmsg,
.AREAcontmissedmsg,
.AREAcontreqerrmsg,
.AREAconterrmsg,
.TEXTcontmissedmsg,
.TEXTcontreqerrmsg,
.TEXTconterrmsg{font-weight:bold; color:#CC0000; font-size:10px;}

.DROPcontmsg,
.TEXTcontmsg,
.AREAcontmsg,
.DROPcontreqmsg,
.TEXTcontreqmsg,
.AREAcontreqmsg{font-weight:bold; font-size:10px;}
.DROPcontreqcontrol {color:#4a4b4b; margin:0 0 10px 0;}
div#preOkayToMail{margin-bottom:10px;}


div.datecodeline1help{height:500px; width:220px; font-size:12px;
font-weight:bold; color:Chartreuse; position:absolute; top:-50px;
left:-220px; background:url(../styleimages/gatorade/pcode_img.gif)
no-repeat; background-position: 10px 30px;}
div.datecodeline2help{height:500px; width:220px; font-size:12px;
font-weight:bold; color:Chartreuse; position:absolute; top:-120px;
left:310px; background:url(../styleimages/gatorade/pcode_img.gif)
no-repeat; background-position: 10px 30px;}
div.PartUPChelp{height:240px; width:220px; font-size:12px;
font-weight:bold; color:Chartreuse; position:absolute; top:-10px;
left:230px; background:url(../styleimages/gatorade/UPC_img.gif)
no-repeat; background-position: 10px 30px;}

div.#gushingblock p,
div.#gotitblock p{font-variant:small-caps; font-size:10px; margin:15px;}
div#preOkayToMail{margin-bottom:10px;}

#sampleupc{background:url(/crforms/styleimages/demo/UPC-Top.gif);
width:100px; height:71px; z-index:9999;}
#pepsiinfo{background:url(/crforms/styleimages/demo/pinfo_callout.gif);
width:126px; height:66px; z-index:9999; cursor: pointer;}

#locatorblock iframe {
	width: 580px;
	border:0;
}


/* Country Flags */
#USHEAD {background:url(/crforms/styleimages/newtrop/flagUS.jpg) no-repeat 0 0; height:28px; padding:10px 0 0 50px; color:#0E6B3B; font-weight:bold; font-size:20px;}
#UKHEAD {background:url(/crforms/styleimages/newtrop/flagUK.jpg) no-repeat 0 0; height:28px; padding:10px 0 0 50px; color:#0E6B3B; font-weight:bold; font-size:20px;}
#INHEAD {background:url(/crforms/styleimages/newtrop/flagIN.jpg) no-repeat 0 0; height:28px; padding:10px 0 0 50px; color:#0E6B3B; font-weight:bold; font-size:20px;}

div.mylocation ul #usali {background:url(/crforms/styleimages/newtrop/littleFlagUS.jpg) no-repeat 15px 0;}
div.mylocation ul #canadali {background:url(/crforms/styleimages/newtrop/littleFlagCN.jpg) no-repeat 15px 0;}
div.mylocation ul #englandli {background:url(/crforms/styleimages/newtrop/littleFlagUK.jpg) no-repeat 15px 0;}
div.mylocation ul #internationalli {background:url(/crforms/styleimages/newtrop/littleFlagIN.jpg) no-repeat 15px 0;}