/* CSS Document */

html { /* for firefox - adds verticle scroll bar to stop page jumping around screen. */ }

/* position_center */
*								{margin:0; padding:0;}
html, body						{font-family:Tahoma,Arial,Sans-serif; background-color: #000;}
#centerContent					{margin:0px auto; position:relative; text-align:left; width:980px;}
a:active, a:focus 				{outline: 0;}

/* Common */
a img							{border:none;}
.clear							{clear:both;}
.hidden, #jsOnly				{display:none;}

/* logo */
#logo							{background:url(../../images/logo.gif) no-repeat;width:108px;height:31px;}

/* Footer */
#footer ul						{width:980px; }
#footer ul li					{width:auto;float:left;color:#fff;padding-right:5px;color:#333333;font-size:0.7em;list-style-type:none;}
#footer ul li a					{color:#333333;text-decoration:none;}
#footer ul li a:hover			{text-decoration:underline;}


/* --------------------------------------- */

/* popup layout */
#content {
	position: relative;
	width: 578px;	
	margin: 0 auto;
	padding-top: 20px;
	font-size: 0.68em;
	padding-bottom: 25px;
	height: 100%;		
}
/* very messy CSS used to pass UAT: It had to be done, and we had no time. */
#dBorder { border: 5px solid #000000; background: url(../../images/bg_popup.gif) bottom center no-repeat; }
.borderedForm { padding-bottom: 39px; }
.borderedForm2 { padding-bottom: 36px; }
.borderedForm3 { padding-bottom: 50px; }
.borderedForm4 { padding-bottom: 66px; }
.borderedForm5 { padding-bottom: 142px; }
.borderedForm6 { padding-bottom: 161px; }

/* general */
#outerContainer { padding-bottom: 20px; }
#noFlash { width: 980px; height: 345px; padding-top: 160px; border:solid 1px red;}
A.hasNoFlash { margin: 240px 0 420px 0; }


#errorMsgPanel P { color: Red; }

.errorSpan { color: Red; display: block; font-size: 0.9em; font-family: Tahoma; font-weight: normal; }
#chbxText { color: Red; display: none; font-size: 0.9em; font-family: Tahoma; font-weight: bold; }

#content h1#formHeader { background: url(../../images/h1_treats.gif) top left no-repeat; width: 443px; height: 33px; text-indent: -9000px; margin-bottom: 10px; margin-left: 46px; }
#content h1#verification { background: url(../../images/h1_verification.gif) top left no-repeat; width: 258px; height: 37px; text-indent: -9000px; margin-bottom: 25px;  }
#content p, #content img { font-size: 85%; font-weight: bold; }
#content #cage p { font-weight: normal; }

#termsAndconditions, #SmsSubscription { margin-right: 5px; font-weight: normal; }
#CaptchaCode_RegularExpressionValidator, #CaptchaCode_CustomValidator { font-size: 0.9em; font-family: Tahoma; font-weight: normal; }

.Rows  { padding-left: 46px; }
.Rows .left { margin-right: 18px; }

.infoUnit { width: 245px; float: left; padding-top: 17px;  }
.cleft { clear: left; }

.infoUnit p { padding: 0; margin: 0; margin-bottom: 4px; }
.infoUnit ul { margin-top: 0px;  }
.infoUnit ul li { margin-bottom: 3px; list-style: none; }
.infoUnit a { background: url(../../images/arrow.gif) left center no-repeat; padding-left: 16px; text-transform: uppercase; text-decoration: underline; color: #000000; font-size: 75%; font-weight: bold;  }
.infoUnit a.imglink { background: none; padding-left: 0; } 
.infoUnit p a { font-size: .90em; font-weight: bold; }

.uCase { text-transform: uppercase; }
p.moreNarrow { width: 200px; padding-bottom: 5px; }
#noFlash { margin: 100px 0 100px 0; }

/* FORMS */
#cage { width: 320px; margin-left: 160px; }
#cage div, #cage p  { margin-bottom: 12px;  }
#cage p { width: 259px;  }
#cage div.nospace  { margin-bottom: 0; }
#cage div label.blk { display: block; padding-bottom: 3px; font-weight: bold; }
#cage div label { font-size: 0.9em; }
DIV.noSoWide { width: 240px !important;  }


.inpDiv input { width: 253px; padding: 2px; font-family: Tahoma;  border: 0; display:block; }
#thanks { padding-top: 120px; }
#thanks div, #thanks p { margin-bottom: 40px; }

#verify { padding-top: 50px; }
#verify p { margin-bottom: 25px; }


#wallpaper { margin: 60px 0 0 135px; }
#wallpaper p { margin-bottom: 50px; }
.wPaper { border: 5px solid #FFFFFF; }


/* legal and privacy pages */
#contentLegal {
	position: relative;
	width: 660px;	
	margin: 0 auto;
	background: url(../../images/bg_legal_docs.jpg) top left no-repeat #000000;
	color: #BBBBBB;
	padding-top: 45px;
	font-size: 0.68em;
	padding-bottom: 30px;
}

#contentLegal H2, #contentLegal H3, #contentLegal P { font-size: 1.00em; margin-bottom: 20px; }
#contentLegal H2, #contentLegal H3 { color: #FFFFFF; }
#contentLegal a { color: #BBBBBB; background-color: #000000; text-decoration: underline; }
#contentLegal a:HOVER { text-decoration: none; }
#legalCage {
	width: 380px;
	margin-left: 140px;
}	
#heading {
	margin-bottom: 30px;
	background: url(../../images/logo_peperami.gif) center right no-repeat #000000; 
}



#legal { height: 25px; width: 61px; text-indent: -9000px; background: url(../../images/h1_legal.gif) top left no-repeat #000000; }
#ppolicy { height: 25px; width: 149px; text-indent: -9000px; background: url(../../images/h1_privacy_policy.gif) top left no-repeat #000000; }

#legalCage ol { padding-left: 25px; margin-bottom: 20px; }

.capStlye { color: #000000; font-size: 0.9em; font-weight: bold;  }
.capStlye:HOVER { text-decoration: none; }
div#cage div P.cHelp {  font-size: 0.9em; font-weight: normal; margin-bottom: 0; padding-bottom: 0; }
DIV#sButton { margin: 20px 0 20px 0; }

.hidetext IMG { border: 0; text-decoration: none; }

#cbxDIV { width: 18px;  float: left; }
#cbxLBL { float: left; width: 240px; margin: 2px 0 15px 0; }

#paddedTop { margin-top: 26px; }
#ramiLogo { position: fixed; bottom: 10px; display: none; }

/* HTML Page Styles */
#htmlCage {	width: 380px;margin-left: 140px;}
* html #htmlCage {width: 420px;margin-left: 130px;}

#contentHtml {
	position: relative;
	width: 660px;	
	margin: 0 auto;
	background: url(../../images/bg_legal_docs.jpg) top left no-repeat #000000;
	color: #BBBBBB;
	padding-top: 45px;
	font-size: 0.68em;
	padding-bottom: 30px;
}
.smallContent {min-height:631px;}
* html .smallContent {height:631px;}

#contentHtml H2, #contentHtml H3, #contentHtml P { font-size: 1.00em; margin-bottom: 20px; }
#contentHtml H2, #contentHtml H3 { color: #FFFFFF; }
#contentHtml a { color: #BBBBBB; background-color: #000000; text-decoration: underline; }
#contentHtml a:HOVER { text-decoration: none; }
#contentHtml ol { padding-left: 25px; margin-bottom: 20px; }

/* Contact Form */
#contactSheet { height: 25px; width: 149px; text-indent: -9000px; background: url(../../images/h1_contact_sheet.gif) top left no-repeat #000000; }

fieldset.contact {border:none;}
fieldset.contact legend {display:none;}
fieldset.contact p {margin:15px 0;}

.submitButton {
    background: url(../../images/btn_submit.gif) top left no-repeat #000000;
    border:none; 
    float:left; 
    margin-left:300px;
    margin-top:15px;
    margin-bottom:10px;
    cursor:pointer;
    width:158px;
}

.formsetLeft {float:left; width:175px;margin-right:25px;}
.formsetLeft input, .formsetRight input {width:175px; height:17px; border:solid 1px #ffffff;margin-top:2px;}
.formsetLeft label {clear:right;}
.formsetLeft textarea {width:375px;margin-top:2px;}
* html .formsetLeft textarea input {width:405px;}
* html .formsetLeft textarea {width:405px;}

.formsetRight {float:left; width:175px;}

.formsetLeftLong {width:375px;clear:left; margin-bottom:0;}
.formsetLeftLong input {width:375px; height:17px; border:none;border:solid 1px #ffffff;}
* html .formsetLeftLong input {width:405px;}
* html .formsetLeftLong {width:405px;}
/*
.checkBoxes input	{position:relative; top:-5px;}
.checkBoxes label	{position:relative; top:-5px; left:5px;}
*/
.contact p			{padding:0; margin:10px 0 !important;}

#contactUs .checkBoxes			{margin:0 0 0 0;}
#contactUs .checkBoxes input	{margin:5px; float:left;border:#ffffff;}
#contactUs .checkBoxes label	{margin-top:7px; float:left;}
#contactUs .checkBoxes br		{clear:left;}
* html #contactUs .checkBoxes input {padding-bottom:0px; margin-bottom:0;}
* html #contactUs .checkBoxes label {padding-bottom:0px; margin-bottom:0;}
*+html #contactUs .checkBoxes input {padding-bottom:5px; margin-bottom:0;}
*+html #contactUs .checkBoxes label {padding-bottom:5px; margin-bottom:0;}

.extraSpacer {margin-top:20px;}

/* Contact Thanks */
#contactSheet { height: 24px; width: 147px; text-indent: -9000px; background: url(../../images/h1_contact_sheet.gif) top left no-repeat #000000; }

#contentContactSheet {
	position: relative;
	width: 660px;	
	height:60em;
	margin: 0 auto;
	background: url(../../images/bg_legal_docs.jpg) top left no-repeat #000000;
	color: #BBBBBB;
	padding-top: 45px;
	font-size: 0.68em;
	padding-bottom: 30px;
}

#contactSheetCage {
	width: 380px;
	margin-left: 140px;
}