/* Pyrex Smart Life Microsite - May 1, 2009 */

html { background: #c8c8c8; }
body { background:#c8c8c8; font-family: Tahoma; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.rclear { clear:right; }
.uppercase { text-transform: uppercase; }
.hand { cursor: pointer; }
.hidden {  display: none; }

#wrapper { width:896px; border:2px solid #FFF; border-bottom: 0px; margin:5px auto 0px auto; }
#header { background:url(../Images/bg-header.jpg); height:101px; }
#nav { margin:20px 25px 28px 0px; font-size:123.1%; }
#nav a { padding-left:15px; color:#FFF; }
#nav a:hover { color:#333; text-decoration:none; }
#nav a.small { font-size:93%; }
#logo { width:146px; height:101px; }
#slogan { padding: 0px 25px 0px 0px; }
#content { border-top: 2px solid #FFF; background: #FFF; min-height: 400px; }
#footer { background: #404040; text-align: center; color: #FFF; font-size: 69%; width: 880px; margin: 0px auto; padding: 10px; }
#footer a { padding: 10px; color: #FFF; }
#footer a:hover { text-decoration: none; }
.rules { padding: 0px 20px; text-align: justify; }
.rules p { margin: 15px 0px; }
.rules a { color: #9b0200; text-decoration: underline; }
.rules a:hover { text-decoration: none; }
.back { padding: 10px 0px 10px 20px; }
.back a { color: #9b0200; text-decoration: underline; }
.back a:hover { text-decoration: none; }
#smart-legal { position: absolute; bottom: 5px; right: 10px; font-size: 77%; }
#coming-soon { margin-top: 200px; } 
#closed { background:url(../Images/closed.jpg) top left no-repeat; width:887px; height:517px; text-indent:-9999px; padding-bottom:10px; }
#closed-fr { background:url(../Images/closed-fr.jpg) top left no-repeat; width:890px; height:517px; text-indent:-9999px; padding-bottom:10px; }
a#closed-tddur { background:url(../Images/closed-tddur.jpg) top left no-repeat; width:896px; height:142px; display:block; text-indent:-9999px; padding-bottom:2px; }

/* Login Page */
#login { padding: 20px 0px 0px 0px; color: #5f5e5e; font-size: 93%; position: relative; }
.win-smart { padding: 0px 0px 30px 0px; }
.not-entered  { display:block; margin: 30px 0px; font-size: 116%; }
.not-entered a { color: #5F5e5e; text-decoration: underline; }
.not-entered a:hover { text-decoration: none; }
.not-entered  { display:block; margin: 30px 0px; font-size: 100%; }
.not-entered a { color: #5F5e5e; text-decoration: underline; }
.not-entered a:hover { text-decoration: none; }
.field-login { margin: 0px 10px; width: 200px; height: 16px; font-size: 116%; padding: 2px; }
.submit-login { position: absolute; }
.offset { padding-right: 80px; }

/* Widget */
#widgetfpo { padding: 20px 0px 0px 0px; color: #5f5e5e; position: relative;  }
#widgetfpo a { color: #5f5e5e; text-decoration: underline; }
#widgetfpo a:hover { text-decoration: none; }
#widgetfpo img { padding: 0px 0px 20px 0px; }
.download { width: 575px; text-align: justify; margin-bottom: 20px; }
.btn-download { padding-bottom: 30px; }
.disclaimer { width: 800px; text-align: justify; padding-bottom: 20px; font-size: 85%; }
.disclaimer a { color: #5f5e5e; text-decoration: underline; }
.disclaimer a:hover { text-decoration: none; }

#right-panel { padding: 50px 25px 0px 15px; }
#right-panel p { color: #727171; margin: 15px 5px 30px 5px; font-size: 123.1%; }
.gift-code { display: block; color: #727171; margin: 10px 5px; font-size: 93%; width: 400px; }

/* Thanks for Entering */
#ty-tell-friend { margin-left: 120px; padding: 20px 0px 0px 0px; color: #727171; font-size: 93%; }
#ty-tell-friend img { margin: 15px 0px 10px 0px; }
#ty-tell-friend .medium-bold { font-size: 108%; font-weight: bold; padding-left: 5px; }
#ty-tell-friend .medium { font-size: 108%; font-weight: normal; padding-left: 5px; }
#ty-tell-friend .no-thanks { margin: 10px 0px 30px 360px; }
#ty-tell-friend .no-thanks-widget { margin: 10px 0px 0px 380px; }
.field-friends { margin: 0px 10px; width: 400px; height: 16px; font-size: 116%; padding: 2px; }
p.thank-you-space { width: 551px; }
.pyrex-products { text-align: justify; padding-right: 50px; }
.pyrex-products a { color: #5f5e5e; text-decoration: underline; }
.pyrex-products a:hover { text-decoration: none; }


/* Form Smart */
.form { width: 625px; text-align: left; margin-right: 25px; }
.form select { margin: 2px 0px; }
.form label { float: left; width: 125px; text-align: right; padding: 4px 5px 4px 0px; text-transform: uppercase; font-size: 93%; }
.form label.lbl-state { width: 123px; }
.form label.lbl-zip { width: 42px; }
.form-nolabel { padding: 10px 0px 10px 130px; }
.form input.normal { margin: 2px 0px; width: 450px; height: 18px; }
.form input.half { margin: 2px 0px; width: 158px; height: 18px; }
.form input.city { margin: 2px 0px; width: 137px; height: 18px; }
.form input.state { margin: 2px 0px; width: 65px; height: 18px; }
.form input.shop { margin: 2px 0px 2px 10px; width: 203px; height: 18px; }
.form select { margin-left: 2px; }
.form .small-grey { margin-left: 10px; color: #727171; font-size: 85%; }
.form .small-grey a { color: #727171; text-decoration: underline; }
.form .small-grey a:hover { text-decoration: none; }
.form .submit-button { margin-right: 35px; }
.enter-rules { width: 615px; text-align: justify; margin-bottom: 20px; }
p.disclaimerWidget { color: #727171; width: 650px; text-align: justify;  }
p.disclaimerWidget a { color: #727171; text-decoration: underline; }
p.disclaimerWidget a:hover { text-decoration: none; }

/* Form Free Music */
.left-tile { margin: 0px 10px; }
.red-text { color: Red; }
.sub-heading { text-align: left; font-size: 123.1%; font-weight: bold; margin: 0px 20px 40px 10px; }

/* Error Handling */
#error { width: 400px; height: 300px; padding: 150px 0px 0px 290px; }
.error-red { color: #a90400; font-size: 167%; }
.error-grey { color: #6A6A6A; font-size: 108%; margin-left: 2px; }
.error-link { background: url(../Images/arrow.gif) center left no-repeat; padding-left: 15px; font-size: 108%; margin-left: 4px; }
.error-link a { color: #a90400; text-decoration: underline; font-weight: bold; }
.error-link a:hover { text-decoration: none; }

/*validation part*/
label.invalid { float: none; text-align: left; width: 100%; color:#ee3333; font-weight:normal; padding: 3px 0px; }
input.invalid { background-color:#FFeeee; color:#ee3333; }
select.invalid { background-color:#FFeeee; border:3px double #ff9999; color:#ee3333; }
#errorMessageBox { margin-bottom: 15px;  }
#errorMessageBox li { margin: 0px 40px 0px 40px; padding: 5px 20px; color:#ee3333; background: #FFeeee; text-transform: none; list-style-type: disc; list-style-position: inside;}
#errorMessageBox label { text-transform: none; }

/* Font Styling */
.medium-grey { font-size: 131%; }
.large-red { color: #cc0000; font-size: 146.5%; }
#login p a { color: #cc0000; text-decoration: underline; }
#login p a:hover { text-decoration: none; }
#login p { margin: 20px 150px; text-align: left; }