@charset "utf-8";

/* CSS Document  ver 2*/

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

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

/* layout */

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

#whole #head {width:798px; height:93px; }

#whole #head #myname {  z-index:9998; margin: 22px 0 0 20px; }

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

#whole #middle { float:left;  width:798px; min-height:440px; }

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

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

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

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

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

/* looks */

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




div.head { color:#fff; background: #003768 url(/crforms/styleimages/pepsi/logo.jpg) no-repeat 14px 10px ; border:2px solid #006aaa; border-bottom:none;}

div.myname h1 {font-size:29px;}
div.head h1 {font-size:30px; color:#fff; margin:10px 0 0 80px;}

div.mylocation {height:110px; position:absolute; z-index:9999; top:10px; left:15px;}
div.mylocation ul {margin:60px 0 0 83px;}
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: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;}
div.mylocation ul li a:active {color:#fff; text-decoration:none;}

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

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

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

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



div.cont form #EmailUSblock {margin:10px 0 -10px 0; font-size:16px; color:#003768;}
div.cont form #Buttonblock {margin:10px 0 0 0;}
div.cont form #Buttonblock #Button {margin:16px 0 0 0; width:auto;}

div.cont form #aboutsendingblock { font-variant:small-caps; padding:2px; margin-bottom:15px;}
div.cont form #packagecommentblock textarea {width:350px; height:150px; font-size:12px; margin-bottom:15px;}
div.cont form #flavorcommentblock textarea {width:350px; height:150px; font-size:12px; margin-bottom:15px;}

div.cont form #aboutfollowupsblock,
div.cont form #aboutrepliesblock,
div.cont form #aboutmailblock { font-weight:bold; padding:2px; margin-top: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 #pleaseConfirmblock {  padding:2px; margin:15px 5px 5px 5px; }

div.cont form input {width:200px;}
div.cont form textarea { width:350px; height:150px; font-size:12px;}
div.cont form #Zipblock input {width:150px;}
div.cont form #Zipblock #Zipmsg {width:450px;}
div.cont form #sendblock input {width:auto; margin:5px 0 0 0;}
div.cont form #continueblock input {width:auto; margin:5px 0 10px 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 label p {font-size:10px}
div.cont form div div {margin:0; padding:0;}
div.cont form div.contTEXTprelabel { font-variant:small-caps; padding:2px;}
div.cont form div.contTEXTpostlabel, 
div.cont form div.contDROPpostlabel{ font-variant:small-caps; font-size:10px; padding:2px;}

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


div.cont form div.contVERBblock p {margin-top:5px;}

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 */

#clrflavor, #clrcansize, #clrbottlesize, #clrformat, #clrtabcode,#clrcancode, #clrcandatecode,#clrbottledatecode, #clrpurchasedate, #clraboutstores, #clrstorepurchased, #clrstorestreet, #clrstorecity, #clrstorestate, #clrpleaseConfirm,
#clrsend, #clrreplycomment, #clrpackagecomment, #clrOkayToMail, #clrFlavor, #clrflavorcomment, #clrLastName, #clrtopblock, #clrApt, #clrState, #clrZip, #clrflavor, #clrSize, #clrPackageSize, #clrcanpackagesize, #clrbottlepackagesize,  #clrStart, #clrNumberInvolved, #clrcannumberinvolved, #clrbottlenumberinvolved, #clrConfirmAddressAgain, #clrMFG_CODE, #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 #003768;}
div.foot ul #privacyli {border:none;}
div.foot ul li a:link {color:#003768; text-decoration:none;}
div.foot ul li a:visited {color:#003768; text-decoration:none;}
div.foot ul li a:hover {color:#003768; text-decoration:underline;}
div.foot ul li a:active {color:#003768; text-decoration:none;}
div.foot hr {display:none;}

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

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

.DROPcontmsg,
.TEXTcontmsg,
.AREAcontmsg,
.DROPcontreqmsg,
.TEXTcontreqmsg,
.AREAcontreqmsg {font-weight:bold; font-size:10px;}

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

p.alert { color:red; font-size:10px; margin:10px 0 10px 0 ; }

span.alert {font-weight:bold; font-size:12px;}

div#OkayToMailblock {width:550px;}