@charset "utf-8";

/* CSS Document  ver 2*/

*{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; scrollbar-arrow-color:#400000 ; scrollbar-base-color:limeGreen     ;}

body {  background-color:#030d04;}
img {vertical-align:text-top}


.NEXTcontcontrol {border:2px solid green; background-color: lime; font-weight: bold; font-size: 12px; color: orangered;}
input {background-color: #FFFF99     ; color:Green  ;  border:2px solid green;}
select {background-color: #FFFF99     ; color:Green ;  border:2px solid green;}
textarea {background-color: #FFFF99       ; color:Green ; border:2px solid green;  width:350px; height:150px; font-size:12px;}

/* layout */

#whole { float:left; width:auto; position:relative; left:50%; margin:0 0 0 -400px; top:25px;}

#whole #head {background:url(/crforms/styleimages/dew/MDEW_H1_3C_NB_VCTR3.png) no-repeat; width:790px; height:125px; }

#whole #head #myname {  z-index:9998; margin: 10px 0 0 20px; }

#whole #head #mylocation {z-index:9999; margin:-2px 0 5px 80px; }

#whole #middle { float:left; width:auto; min-height:440px; }


#whole #middle #sidebar {width:179px; float:left; }

#whole #middle #sidenobar  {width:49px; float:left; }

#whole #middle #contbar {float:left;   position:relative; z-index:9999;}

#whole #middle #contnobar {float:left;   position:relative; z-index:9999;}

#whole #foot {width:790px; float:left; clear:both; }

#thankYoublock {margin:150px  }

#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; }

div.head h1 {font-size:40px;  color:#e5f345; margin:15px 0 0 170px;}

div.mylocation { height:110px; position:absolute; z-index:9999; top:10px; left:15px;}
div.mylocation ul {margin:68px 0 0 170px;}
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:lime; text-decoration:none;}
div.mylocation ul li a.mylocationsel:link {color:white;}
div.mylocation ul li a.mylocationsel {font-size:16px;}
div.mylocation ul li a:visited {color:lime; text-decoration:none;}
div.mylocation ul li a.mylocationsel:visited {color:white;}
div.mylocation ul li a:hover {color:yellow; text-decoration:underline;}
div.mylocation ul li a.mylocationsel:hover {text-decoration:none;color:white;}
div.mylocation ul li a:active {color:lime; text-decoration:none;}
div.mylocation ul li a.mylocationsel:active {color:white;}

div.middle { color:lawngreen; padding:0 0 0 0;}

div.side  {padding:0 0 10px 0;}

div.side ul {font-weight:bold; font-variant:small-caps; font-size:14px; }
div.side ul {padding:35px 0 0 5px; list-style:none; color:yellow;}
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:lime; text-decoration:none;}
div.side ul li a:visited {color:lime; text-decoration:none;}
div.side ul li a:hover {color:orangered; text-decoration:underline;}
div.side ul li a:active {color:lime; text-decoration:none;}

div.cont form {font-size:12px;}

div.contVERBblock {color:yellow; margin:10px;font-weight:bold;width:500px;}
div.contVERBblock a:link {color:yellowgreen; }
div.contVERBblock a:visited {color:yellowgreen; }
div.contVERBblock a:hover {color:orangered; }
div.contVERBblock a:active {color:yellowgreen; }

div.cont form div.contVERBblock p {margin-top:5px;}

div.cont form #EmailUSblock {margin:10px 0 -10px 0; font-size:14px; }
div.cont form #Buttonblock {margin:10px 0 0 0;}
div.cont form #Buttonblock #Button {margin:16px 0 0 0; width:auto;}

div.cont form input {width:300px;}
div.cont form #StreetAddressblock input {width:323px;}
div.cont form #Aptblock input {width:172px;}
div.cont form #Stateblock input {width:172px;}
div.cont form #Countryblock input {width:323px;}
div.cont form #Cityblock input {width:323px;}
div.cont form #FirstNameblock input {width:230px;}
div.cont form #LastNameblock input {width:265px;}
div.cont form #Zipblock input {width:172px;}
div.cont form #DaytimePhoneblock input {width:172px;}
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 { font-variant:small-caps; padding:2px;}
div.cont form div.contTEXTpostlabel , 
div.cont form div.contDROPpostlabel{ padding:2px;}

div.cont form #commentblock textarea {width:505px; height:100px; font-size:12px;}

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; width:auto;}

div.cont form div label p {font-size:10px}

/* THE FOLLOWING ITEMS ACT AS CR/LF TO GO TO THE NEXT LINE ON TEH FORM */

#clrreplycomment, #clrLastName, #clrformat, #clrtabcode, #clrOkayToMail, #clrcancode, #clrFlavor, #clrcansize, #clrcanpackagesize, #clrbottlesize, #clrbottlepackagesize, #clrcannumberinvolved, #clrcandatecode, #clrbottlenumberinvolved, #clrbottledatecode,  #clrpurchasedate,#clrstorepurchased, #clrstorestreet, #clrstorecity, #clrstorestate,  #clrtopblock, #clrApt, #clrState, #clrZip, #clrTitle, #clrFlavor, #clrSize, #clrPackageSize,  #clrStart, #clrNumberInvolved, #clrConfirmAddressAgain, #clrMFG_CODE, #clrStorePurchased, #clrEmailAddress, #clrDaytimePhone, #clrNighttimePhone, #clrcomment {clear:both;}

div.foot { width:790px; margin-top:10px; border-top:3px solid #400000;}

div.foot ul {padding:5px 0 30px 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 #privacyli {border:none;}
div.foot ul li a:link {color:orangered; text-decoration:none;}
div.foot ul li a:visited {color:orangered; text-decoration:none;}
div.foot ul li a:hover {color:yellow; text-decoration:underline;}
div.foot ul li a:active {color:orangered; text-decoration:none;}
div.foot hr {display:none;}

.clr {clear:both;}
.break {display:none;}

.requiredlabel {color:white;}

.asterisk,
.DROPcontmissedmsg,
.DROPcontreqerrmsg,
.DROPconterrmsg,
.AREAcontmissedmsg,
.AREAcontreqerrmsg,
.AREAconterrmsg,
.TEXTcontmissedmsg,
.TEXTcontreqerrmsg,
.TEXTconterrmsg {font-weight:bold; color:#CC0000; font-size:10px; width:auto;}

.DROPcontmsg,
.TEXTcontmsg,
.AREAcontmsg,
.DROPcontreqmsg,
.TEXTcontreqmsg,
.AREAcontreqmsg {font-weight:bold; font-size:10px;}

div#OkayToMailblock {width:550px;}


