@charset "utf-8";

/* CSS Document */

*{margin:0; padding:0; font-family: Arial, Verdana, Helvetica, sans-serif;}

body {background:url(/crforms/styleimages/propel/bg_body.jpg) repeat-x; background-color:#b1cde3;}
img {vertical-align:text-top}

/* layout */

#whole {float:left; width:850px; position:relative; left:50%; margin:0 0 0 -400px; top:10px;}

#whole #head {width:848px; height:75px; }

#whole #head #myname {  z-index:9990; margin: 10px 0 0 20px; }

#whole #head #mylocation {  z-index:9995; margin:5px 0 5px 0; }

#whole #middle { float:left;  width:848px; height:540px; }

#whole #middle #sidebar {width:219px; float:left; }

#whole #middle #sidenobar  {width:120px; float:left;}

#whole #middle #contbar {float:left;  width:619px; position:relative; z-index:9995;}

#whole #middle #contnobar {float:left;  width:845px; position:relative; z-index:9995;}

#whole #foot {float:left; clear:both; width:100%;}

#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;}

/* looks */

div.head { color:#fff; background:#FFFFFF url(/crforms/styleimages/propel/bg_head.jpg) no-repeat top left; border:2px solid #808080; border-bottom:none;}

div.myname h1 {font-size:22px;margin:23px 0 0 160px;}

div.mylocation ul {margin:10px 0 0 176px; }
div.mylocation ul li {display:inline; font-weight:bold; font-size:12px; padding:0 5px 0 5px; border-left:2px solid #fff;}
div.mylocation ul #usali {border:none;}
div.mylocation ul #englishli {border:none;padding: 0 5px 0 55px;}
div.mylocation ul li a:link {color:#fff; text-decoration:none;}
div.mylocation ul li a.mylocationsel {font-size:16px; }
div.mylocation ul li a.mylocationsel:link {color:#062D94;}
div.mylocation ul li a.mylocationsel:visited {color:#062D94;}
div.mylocation ul li a.mylocationsel:hover {color:#062D94;}
div.mylocation ul li a:visited {color:#fff; text-decoration:none;}
div.mylocation ul li a:hover {color:#fff; text-decoration:underline;}
div.mylocation ul li a.nationsel:hover {text-decoration:none;color:#062D94;}
div.mylocation ul li a:active {color:#fff; text-decoration:none;}

div.middle {background-color:#fff; border:2px solid #808080; padding:5px 0 0 0;}

div.side  {padding:0 0 10px 0;}

div.side ul {padding:10px 0 0 5px; list-style:none;font-weight:bold; font-variant:small-caps; font-size:12px; color:red;}
div.side ul li {font-weight:bold; font-variant:small-caps; font-size:10px; padding:4px 0 0 5px;}
div.side ul li a:link {color:#062D94; text-decoration:none;}
div.side ul li a:visited {color:#062D94; text-decoration:none;}
div.side ul li a:hover {color:#062D94; text-decoration:underline;}
div.side ul li a:active {color:#062D94; text-decoration:none;}
div.side ul li #contact  { font-weight:bold; font-size:14px;}

div.cont form {font-size:12px;}

div.cont form #EmailUSblock {margin:10px 0 0 0; font-size:14px; color:#062D94;}
div.cont form #EmailUSblock p {display:inline;}
div.cont form #WriteUSblock {margin:20px 0 10px 0; font-size:16px; color:#062D94;}
div.cont form #WriteUSblock pre {margin:10px; font-size:14px; }
div.cont form #CallUSblock {margin:20px 0 10px 0; font-size:16px; color:#062D94;}
div.cont form #CallUSblock ul li {margin:5px; font-size:12px; list-style:none;}

div.cont form #Buttonblock {margin:10px 0 0 0;}
div.cont form #Buttonblock #Button {margin:5px 0 0 0; width:auto;}

div.cont form input {width:200px;}
div.cont form #Zipblock input {width:150px;}
div.cont form #Zipblock #Zipmsg {width:450px;}
div.cont form #Dashblock  { font-weight:bold;   font-size:16px; }
div.cont form #UPCblock input {width:55px;}
div.cont form #sendblock input {width:auto; margin:5px 0 0 0;}
div.cont form #continueblock input {width:auto; margin:5px 0 0 0;}

div.cont form div {margin:0 0 0 0; padding:0 0 0 10px;}
div.cont form div label {float:left;}
div.cont form div div {margin:0; padding:0;}
div.cont form div.contTEXTprelabel { color:green; }
div.cont form div.contTEXTpostlabel { padding:2px;}

div.cont form div.contOPENprelabel { padding:2px 0px 0px 0px; font-size:10px;color:#333;}
div.cont form div.contSHUTpostlabel { padding:2px 0px 0px 0px; font-size:10px;color:#333;}

div.cont form #whoareyoublock { font-weight:bold; padding:2px; margin-top:15px;}
div.cont form #whoareyoublock p { font-variant:small-caps; font-size:10px; padding:2px; margin:5px; }

div.cont form #datecodeline1block {width:200px;}

div.cont form #commentblock textarea {width:350px; height:200px; font-size:12px;}

div.cont form div.contVERBblock {margin:20px 0 0 0;}

div.cont form div.contDROPpostlabel {margin:10px 0 0 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 { float:left; margin:10px 0 0 0;}

div.cont form #sendblock {float:left; margin:10px 0 10px 0;}

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

div.cont form #AdditionalCommentblock textarea {width:350px; height:150px; font-size:12px;}

#clrAdditionalComment,#clrLastName, #clrtopblock, #clrreplycomment, #clrOkayToMail, #clrdatecodeline1, #clrdatecodeline2, #clrApt, #clrFAX, #clrStart, #clrFirstTime, #clrLine, #clrOrgName, #clrDeadline, #clrMFG_CODE, #clrState, #clrCountry, #clrZip, #clrretailUPCEND,  #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;}

div.helper {cursor:pointer;  color:red; font-size:8px; overflow:show;}
div.filler {display:none; }
div.fillin {display:block; color:red; 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.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.cont form #UPCblock {margin-top:10px; width:500px; height:150px; overflow:hidden;}

div.cont form #UPCblock #UPCpanel {background:url(/crforms/styleimages/barcode.gif); height:65px; width:400px;  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 #RetailUPCblock {position:relative; color:white; float:none; left:140px; top:-148px;}

div.cont form #RetailUPCblock input#RetailUPC {position:relative; top:60px;  left:185px; z-index:9999; border: 2px solid #FF6633; } 

div.cont form #Dashblock {font-weight:bold;   font-size:16px;  color:white; 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; } 



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

div.cont form #whoareyoublock { font-weight:bold; padding:2px; margin-top:15px;}
div.cont form #whoareyoublock p { font-variant:small-caps; font-size:10px; padding:2px; margin:5px; }

div.cont form #replycommentblock textarea {width:350px; height:150px; font-size:12px;}

div.cont form #pleaseConfirmblock p { font-variant:small-caps; font-size:10px; padding:2px; margin:5px; }


div.cont form #locatorblock {position:absolute; width:565px; }