/* Pyrex Bridal Microsite - May 1, 2009 */

body { background:#c8c8c8; font-family: Tahoma; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.rclear { clear:right; }
.uppercase { text-transform: uppercase; }
.bold { font-weight: bold; }
.rules { padding: 0px 20px; text-align: justify; width: 500px; }
.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; }
.hand { cursor: pointer; }
.hidden {  display: none; }


#wrapper { width:958px; border:1px solid #bb0006; background: url(../Images/bg-swirl.gif) top left repeat-y #FFF; margin:5px auto 0px auto; position:relative; }
#header { padding-bottom: 15px; width: 530px; }
#left-tile { background: url(../Images/bg-left-tile.gif) repeat-y; width: 393px; }
#right-tile { padding: 10px 25px 15px 0px; }
#nav { margin:5px 25px 0px 0px; font-size:108%; }
#nav a { padding-left:15px; color:#535252; }
#nav a:hover { color:#535252; text-decoration:none; }
#nav a.small { font-size:93%; }
#content { border-top: 2px solid #FFF; background: #FFF; }
#footer { background: #404040; text-align: center; color: #FFF; font-size: 69%; width: 940px; margin: 0px auto; padding: 10px; }
#footer a { padding: 0px 10px; color: #FFF; }
#footer a:hover { text-decoration: none; }
#coming-soon { margin-top: 200px; }
h1#title { background:url(../Images/title.jpg) top left no-repeat; text-indent:-9999px; width:398px; height:648px; position:absolute; top:0px; left:0px; }
#closed { background:url(../Images/closed.jpg) top left no-repeat; width:481px; height:357px; text-indent:-9999px; margin-top:50px; }
#closed-fr { background:url(../Images/closed-fr.gif) top left no-repeat; width:481px; height:357px; text-indent:-9999px; margin-top:50px; }

/* Thanks for Entering */
#ty-tell-friend { padding: 20px 0px 0px 35px; color: #727171; font-size: 108%; }
#ty-tell-friend p { width: 465px; margin-left: 38px; }
#enter-smartliving { margin: 125px 0px 100px 0px; }
.disclaimer-small { color: #727171; font-size: 85%; width: 525px; }
.disclaimer-small a { color: #727171; text-decoration: underline; }
.disclaimer-small a:hover { text-decoration: none; }
.padded { margin-left: 10px; }
#headline { margin-top: 175px; }

/* Form */
.form { width: 500px; text-align: left; }
.form label { float: left; width: 115px; text-align: right; padding: 5px 5px 5px 0px; text-transform: uppercase; font-size: 85%; }
.form label.lbl-state { width: 65px; }
.form label.lbl-zip { width: 45px; }
.form-nolabel { padding: 10px 0px 10px 120px; font-size: 85%; }
.form select { margin: 2px 5px; }
.form input.normal { margin: 2px 0px; width: 374px; height: 18px; }
.form input.half { margin: 2px 0px; width: 125px; height: 18px; }
.form input.city { margin: 2px 0px; width: 110px; height: 18px; }
.form input.state { margin: 2px 0px; width: 68px; height: 18px; }
.form input.shop { margin: 2px 0px 2px 2px; width: 180px; height: 18px; font-size: 108%; }
.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; }
.enter-rules { width: 500px; text-align: justify; margin-bottom: 5px; color: #727171; }
.required { padding-left: 118px; }
.form .grey { color: #727171; font-size: 85%; }
.form .grey a { color: #727171; text-decoration: underline; }
.form .grey a:hover { text-decoration: none; }
.disclaimer { color: #727171; font-size: 69%; padding-top: 15px; }
.disclaimer a { color: #727171; text-decoration: underline; }
.disclaimer a:hover { text-decoration: none; }
.red-text { color: #ab0305; }
.small-red { margin-left: 10px; color: #ab0305; font-size: 85%; }
.form select { font-size: 93%; margin-left: 1px; margin-right: 2px; margin-top: 2px; margin-bottom: 5px; }
.form label.lbl-dob { width: 92px; }
.btn-close { position: absolute; right: 5px; top: 5px; font-size: 108%; font-weight: bold; text-decoration: underline; color: #333; }

/* Error Handling */
#error { width: 400px; padding: 150px 0px 0px 100px; }
.error-red { color: #a90400; font-size: 167%; }
.error-grey { color: #6A6A6A; font-size: 108%; margin-left: 3px; }
.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; }
