@charset "utf-8";

/* CSS Document  ver 2*/

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

body {background:#c0cad7 url(/crforms/styleimages/canadasmartspot/bg_body.jpg) repeat-x top left; color:#000000;}
img {vertical-align:text-top}
a {color:#18a33d;}
/* layout */

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

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

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

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

#whole #middle { float:left;  width:798px; }

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

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

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

#whole #middle #contnobar {float:left;  width:795px; 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;}

#preTeen {margin-bottom:8px;}
#Teen {margin-top:5px; padding:0;}
#postTeen {margin-top:8px;}


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

div.myname h1 {font-size:20px;}
div.head h1 {font-size:20px; color:#18a33d; margin:10px 0 0 107px;}

div.mylocation {height:110px; position:absolute; z-index:9999; top:10px; left:15px;}
div.mylocation ul {margin:40px 0 0 110px;}
div.mylocation ul li {display:inline; font-weight:bold; font-size:12px; padding:0 5px 0 5px; border-left:2px solid #18a33d;}
div.mylocation ul #usali {border:none;}
div.mylocation ul #englishli {border:none;padding: 0 5px 0 55px;}
div.mylocation ul li a {color:#18a33d;}
div.mylocation ul li a:link {text-decoration:none;}
div.mylocation ul li a.mylocationsel {font-size:14px;}
div.mylocation ul li a:visited {text-decoration:none;}
div.mylocation ul li a:hover {text-decoration:underline;}
div.mylocation ul li a.nationsel:hover {text-decoration:none;}
div.mylocation ul li a:active {text-decoration:none;}

div.middle {background-color:#FFFFFF; border:2px solid #939395; padding:5px 0 25px 0; }

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

div.side ul {font-weight:bold; text-transform:uppercase; font-size:14px; color:#18a33d;}
div.side ul {padding:35px 0 0 10px; list-style:none;}
div.side ul li {font-weight:normal; text-transform:none; font-size:12px; padding:5px 0 0 0;}
div.side ul li a {color:#000000;}
div.side ul li a:link { text-decoration:none;}
div.side ul li a:visited {text-decoration:none;}
div.side ul li a:hover {text-decoration:underline;}
div.side ul li a:active {text-decoration:none;}

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

div.cont form #Startblock {display:none;}

div.cont form #EmailUSblock {width:100%;}
div.cont form #EmailUSblock p {font-size:12px; margin-top:5px;}

div.cont form #WriteUSblock pre {font-size:12px; margin:0px; font-weight:normal; color:#000;}

div.cont form #CallUSblock ul {list-style:none; color:#18a33d; font-size:15px; font-weight:bold; margin-bottom:10px;}
div.cont form #CallUSblock ul li {font-weight:normal; font-size:12px; margin-bottom:2px; color:#000;}

div.cont form #WriteUSblock {font-weight:bold; font-size:15px; color:#18a33d;}

div.cont form #EmailUSblock,
div.cont form #CallUSblock {margin:10px 0 -10px 0; font-size:12px; width:100%;}
div.cont form #Buttonblock {margin:10px 0 0 0; clear:both;}
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 #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 #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 div {margin:0; padding:0;}
div.cont form div.contTEXTprelabel { font-variant:small-caps; padding:2px;}
div.cont form div.contTEXTpostlabel { 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 ,
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, #clrcandatecode,#clrbottledatecode, #clrpurchasedate, #clraboutstores, #clrstorepurchased, #clrstorestreet,, #clrstorecity, #clrstorestate, #clrpleaseConfirm, #clrFormat, #clrPurchaseDate , #clrNoticedDate , #clrStoreStreet, #clrStoreCity, #clrStoreState, #clrcancode, #clrtabcode ,#clrFirstTime,
#clrsend, #clrreplycomment, #clrpackagecomment, #clrflavorcomment, #clrLastName, #clrtopblock, #clrApt, #clrState, #clrZip, #clrflavor, #clrSize, #clrPackageSize, #clrcanpackagesize, #clrbottlepackagesize,  #clrproduct, #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 #000;}
div.foot ul #privacyli {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,
.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.#gushingblock p  ,
div.#gotitblock p  {font-variant:small-caps; font-size:10px; margin:15px;  }