/* Reset */

html, body, div, span,
object, h1, h2, h3, h4,
h5, h6, p, blockquote,
pre, a, address, code,
img, small, strong, dl,
dt, dd, ol, ul, li,
fieldset, form, label   { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body                    { line-height: 1.5; font-family: helvetica, arial, sans-serif; }
ol, ul                  { list-style: none; }

/* End Reset */
/*----------*/

/* Main Styles */

body                    { color: #333; background-color: #333; }
#container              { width: 1020px; background-color: #fff; margin: 0 auto; text-align: center; position: relative; overflow: hidden; }
#header                 { height: 393px; background: url(../img/header.jpg) no-repeat; }
#navigation             { position: absolute; top: 255px; padding-left: 60px; list-style: disc; color: #f2f2f2; }
#navigation li          { float: left; padding-left: 25px; padding-right: 40px; text-transform: uppercase; }
#navigation li a        { color: #f2f2f2; font-size: 13px; font-family: Verdana, Helvetica; text-decoration: none; border: none; }
#navigation li a:hover  { color: #fff; }
#navigation li:first-child { list-style: none; }

#story                  { color: #7b7b7b; text-align: left; margin-left: 120px; list-style: disc; font-family: Verdana, Helvetica; }
#credo                  { color: #7b7b7b; text-align: left; margin-left: 120px; list-style: disc; font-family: Verdana, Helvetica; }
.description            { color: #7b7b7b; text-align: left; margin-left: 120px; list-style: disc; font-family: Verdana, Helvetica; }

.info                   { font-style: italic; }

.gallery                { float: left; padding-left: 80px; margin-bottom: 10px; list-style: none; }
.gallery li             { float: left; margin-right: 40px; border: 5px solid red; }

.break                  { border-top: 6px dotted #c3c3c3; text-align: left; margin-left: 70px; padding: 10px 0; width: 870px;  }
.break2                 { border-bottom: 6px dotted #c3c3c3; text-align: left; margin-left: 70px; padding: 10px 0; width: 870px;  }
.break2Gallery           { clear: left; }

#main h1                { position: relative; top: -40px; color: #898989; text-align: left; margin-left: 70px; font-size: 26px; text-transform: uppercase; font-family: Times, serif; letter-spacing: .2em; }
#main h1.story          { position: relative; top: -40px; color: #898989; text-align: left; margin-left: 70px; font-size: 18px; text-transform: uppercase; font-family: Times, serif; letter-spacing: .2em; }          
#main p                 { color: #7b7b7b; text-align: left; margin: 10px 70px; font-family: Verdana, Helvetica; font-size: 14px; }
.note                   { color: #333; }
.footer                 { width: 1020px; margin: 0 auto; text-align: center; background: url(../img/footer.jpg) no-repeat; height: 62px; padding-top: 20px; color: #ccc; }

.video                  { position: absolute; left: 550px; top: 300px; background-color: #000; width: 200px; height: 80px; color: #fff; padding-top: 40px; cursor: pointer; }

.hidden                 { display: none; }
a                       { color: #8f1216; text-decoration: none; border-bottom: 1px dotted #336699; }
a:hover                 { color: #292929; }
h2                      { font-size: 22px; border-top: 1px solid #333; color: #333; }
h3.options              { text-align: left; margin-left: 70px; margin-top: 10px; font-size: 18px; }
h4                      { padding: .4em 1em; margin: 0 0 .5em 0; background: #292929; color: #9f9f9f; border-bottom: 1px solid #bfbfbf; border-top: 1px solid black; }
.itemDescription        { background-color: transparent; border: none; font-size: 1em; color: #333; }
.productBoxPop          { background: #f2f2f2; width: 550px; text-align: left; padding-bottom: .5em; overflow: hidden; position: absolute; }
.productBoxPop img      { float: left; width: 75px; margin: 0 1em 0 1em; padding: .2em; background: white; }
.tile_directions        { font-size: 16px; color: #333; font-style: italic; }
.productBoxPop p        { color: #333; margin-top: 0; padding: 0 .5em; font-size: 14px; font-weight: bold; }
.productBoxPop ul       { color: #333; margin-left: 2em; margin-right: 1em; list-style: square; font-weight: bold; }
.tile_directions        { font-size: 16px; color: #333; font-style: italic; }
/* End Main Styles */
/*----------------*/

/* Tile Layout */

/* MIGHT DELETE THESE NEXT FOUR LINES... WERE USED WITH OLD jQuery code
.section_wrap4	        { font-size: 18px; width: 280px; height: 40px; text-align: center; }
.section_wrap6	        { font-size: 20px; width: 380px; height: 42px; text-align: center; }
.section_wrap12	        { font-size: 22px; width: 600px; height: 55px; text-align: center; }
.section_wrap18	        { font-size: 32px; width: 760px; height: 50px; text-align: center; }
*/

.section_wrap6          { font-size: 18px; font-style: italic; width: 280px; height: 35px; text-align: center; padding: 2px 0 4px; }
.section_wrap8	        { font-size: 20px; font-style: italic; width: 380px; height: 38px; text-align: center; padding: 2px 0 2px; }
.section_wrap10	        { font-size: 22px; font-style: italic; width: 600px; height: 52px; text-align: center; padding-top: 4px; }
.section_wrap14	        { font-size: 32px; font-style: italic; width: 720px; height: 52px; text-align: center; padding-top: 4px; }

/* MIGHT DELETE THESE NEXT FOUR LINES... WERE USED WITH OLD jQuery code
.tileInfo               { font-style: italic; }
.tileInfoName4          { width: 280px; height: 10px; padding: 2px 0; font-size: 11px; text-align: center; }
.tileInfoLocation4      { width: 280px; height: 10px; padding: 2px 0; font-size: 11px; text-align: center; }
.tileInfoName6          { width: 380px; height: 10px; padding: 2px 0; font-size: 11px; text-align: center; }
.tileInfoLocation6      { width: 380px; height: 10px; padding: 2px 0; font-size: 11px; text-align: center; }
.tileInfoName12         { width: 600px; height: 10px; padding: 1px 0; font-size: 12px; text-align: center; }
.tileInfoLocation12     { width: 600px; height: 10px; padding: 2px 0 1px; font-size: 12px; text-align: center; }
.tileInfoName18         { width: 760px; height: 10px; padding: 2px 0; font-size: 12px; text-align: center; }
.tileInfoLocation18     { width: 760px; height: 10px; padding: 2px 0; font-size: 12px; text-align: center; }
*/

.tileInfoName6          { width: 280px; height: 10px; position: relative; top: -8px; padding: 0; font-size: 11px; text-align: center; }
.tileInfoLocation6      { width: 280px; height: 10px; position: relative; top: -4px; padding: 0; font-size: 11px; text-align: center; }
.tileInfoName8          { width: 380px; height: 10px; position: relative; top: -8px; padding: 0; font-size: 11px; text-align: center; }
.tileInfoLocation8      { width: 380px; height: 10px; position: relative; top: -4px; padding: 0; font-size: 11px; text-align: center; }
.tileInfoName10         { width: 600px; height: 10px; position: relative; top: -10px; padding: 0; font-size: 12px; text-align: center; }
.tileInfoLocation10     { width: 600px; height: 10px; position: relative; top: -5px; padding: 0; font-size: 12px; text-align: center; }
.tileInfoName14         { width: 720px; height: 10px; padding: 0; font-size: 12px; text-align: center; }
.tileInfoLocation14     { width: 720px; height: 10px; padding: 1px 0; font-size: 12px; text-align: center; }

#tileUserInfo           { padding: 0; font-size: 12px; text-align: center; color: #000; }
#tileUserInfoLocation   { padding: 0; font-size: 12px; text-align: center; color: #000; }
#step2a                 { width: 760px; margin-top: 20px; margin: 0 auto; text-align: center; padding: 0;}
#tileBox                { border: 10px solid #000; padding: 0; margin: 0 auto; text-align: center; color: #000; background-color: #EAEAAE; }

.attention              { font-weight: bolder; }

/* End Tile Layout */
/*----------------*/

/* Form */
fieldset                { margin: 0 auto; padding: 0; width: 550px; border: 1px solid #000; }
label                   { color: #333; }
fieldset#tileDisplay    { width: 780px; border: none; }
fieldset.setFour        { width: 300px; text-align: left; padding-left: 10px; }
fieldset.setSix         { width: 400px; text-align: center; }
fieldset.setTwelve      { width: 620px; text-align: center; }
fieldset.setEighteen    { width: 740px; text-align: center; }
fieldset.captcha        { width: 320px; }
fieldset.errorBox       { width: 400px; background-color: #8f1216; color: #fff; border: 1px solid #660000; }
fieldset.orderBox       { width: 400px; background-color: #8f1216; color: #fff; border: 1px solid #660000; text-align: left; }
.center                 { text-align: center; color: #fff; }
.clear                  { clear: both; }
legend                  { margin-left: 1em; color: #000000; font-weight: bold; }
fieldset#customerInfo   { position: relative; }
#productInfo div        { padding: .2em 1em 0 1em; }
#customerInfo div       { padding: 1em 1em 0 1em; }
fieldset.processForm    { border-style: none; }
.error                  { color: #fff; }
.errorStep1             { color: #8f1216; font-weight: bold; }
input                   { /*height: 29px;*/ font: normal normal normal 18px Verdana, Helvetica, Georgia; }
.fourx                  { width: 280px; }
.sixx                   { width: 380px; }
.twelvex                { width: 600px; }
.eighteenx              { width: 720px; }
.button                 { width: 120px; font: normal normal normal 12px Verdana, Helvetica, Georgia; cursor: pointer; background-color: #8f1216; color: #fff; }
.reset, .edit           { color: #fff; background-color: #333; }
#btnTileGenerate        { background-color: #333; color: #ccc; cursor: pointer; height: 29px; width: 80px; font: normal normal normal 12px Verdana, Helvetica, Georgia; }
.formItem               { position: relative; margin: 2em 0; }
.question               { text-align: left; margin-left: 70px; }
.formPreview            { position: relative; margin: .5em 0; }
.formItemBox            { position: relative; width: 500px; height: 75px; }
#formItemTileBox        { position: absolute; left: 10px; width: 200px; }
#formItemNameBox        { position: absolute; left: 230px; width: 250px; }
.shorten                { top: -30px; }
.formLabel              { position: absolute; width: 128px; left: 0; padding: 5px 0; text-align: right; }
.formLabelState         { position: absolute; width: 160px; left: 0; padding: 5px 0; text-align: right; }
.formInput              { position: absolute; left: 130px; background-color: red; }
.formInputState         { position: absolute; left: 162px; padding: 5px 0; }
.labelElement           { font-size: 12px; font-weight: bold; }
#companyInfo            { position: absolute; left: 45px; text-align: right; }
#US                     { position: absolute; left: 120px; }
#nonUS                  { position: absolute; left: 64px; text-align: right; }


/* End Form */
/*---------*/