body { color: #000; background: #c2c2c2 url('images/bkg2.jpg') top left no-repeat; margin:0; padding:0; font-family: "Helvetica",sans-serif; font-size: 12px; }div#toolbar { height: 32px; background: #000 url('images/menu.bar.png'); text-align: center; }div#toolbar a { display:inline-block; vertical-align:middle; padding: 5px 15px 0 15px; font-family: helvetica; font-weight: 500; color: #eee; font-size: 18px; text-align: center; }div#toolbar a:hover { color: #df2021; }
div#toolbar img { vertical-align: middle; position: relative; top: 5px; }
a { color: #b1b1b1; text-decoration: none; }
a img { border: none; margin:0; padding:0;}
form { display: inline; }
div#navLinksBar { width: 250px; position: absolute; left: 636px; padding: 2px 4px 2px 4px; }
div#viewCart { position: absolute; top: 110px; left: 838px; }
div#viewCart a { color: #000; }
div#navLinksBar.signedIn { background: #eeeeee; border: solid 1px #ccc; border-top-width: 0; -webkit-border-radius: 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -moz-box-shadow: -2px 2px 2px #888; /* FF3.5  */ -webkit-box-shadow: -1px 1px 2px #444; /* Saf3.0 , Chrome */ box-shadow: 2px 2px 4px #444; /* Opera 10.5, IE 9.0 */}
div#navLinksBar #loginbtn { color: #fff; font-weight: bold; border: solid 1px #b72b2b; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4px 8px; background: #b72b2b; display: block; position: absolute; top: 0; right: 0; }
div#logonForm { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 22px; right: 0;  border: solid 3px #ccc; padding: 4px; background: #eee; -moz-box-shadow: -2px 2px 2px #888; /* FF3.5  */ -webkit-box-shadow: -1px 1px 2px #444; /* Saf3.0 , Chrome */ box-shadow: 2px 2px 4px #444; /* Opera 10.5, IE 9.0 */ }
div#logonForm a { color: #666 !important; }
div#navLinksBar a { color: #000; }
div#logonForm div { margin-bottom: 4px; text-align: right; }
div#navLinksBar input { font-size: 10px; border: solid 1px #ddd; padding: 1px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div#logonForm .button { background: #bf282d !important; border: none; color: #eee; font-weight: bold; padding: 2px 4px;  }
div#wrapper { width: 800px; position: absolute; top: 129px; left: 96px; }
div#outerShell { position: relative; min-height: 499px; }
div#getStartedButton { position:absolute; height: 35px; bottom: 0; right:0; margin:0; padding:0; }
div#footer { clear:both; margin: 10px 0; padding-bottom: 50px; position: relative; text-align: center; font-size: 11px; font-family: helvetica; color: #333; }
div#footer #footerLeft { float: left; text-align: left; padding-left: 25px; }
div#footer #footerRight { float: right; }
div.flashFallback { text-align: center; padding: 1em; }
div.flashFallback a { color: #800; font-weight: bold; }
h1 { font-size: 24px; margin: 0; padding: 0; color: #df2021; }
.clearing { clear: both; }
/* floating button (temporary?) */
div#newButton { position: absolute; top: 0px; left: 651px; }

/* tooltip */
.tip { width: 372px; height:97px; background: #252525 url("images/chart.png") center center no-repeat; padding: 5px; opacity: .85; filter:alpha(opacity=85); }

/*  # Individual Page Tweaks # # # # # # # # # # # # #                         #                         */

/* Main Page */
div#mainBox { width: 800px; height: 467px; margin: 0; padding: 0; background: url('images/home.bkg.2010.png') top left no-repeat; position: relative; }
div#top { height: 148px; }
div#welcomeTo { position: absolute; left: 25px; top: 32px; width: 230px; line-height: 22px; }
div#welcomeTo h1 { color: #000; }
div#welcomeTo div { color: #fff; }
div#indyBest { position: absolute; top: 28px; left: 650px; width: 220px; line-height: 22px; }
div#plate2 { width: 133px; height: 94px; position: absolute; top: 0; left: 0; }
div#plate1 { width: 133px; height: 94px; position: absolute; top: 0; left: 0; }

div#top h1 { font-size: 14px; margin:0; padding:0; }
div#bottom { display: block; position: relative; width: 800px; height: 324px; }
div#quality { width: 260px; position: absolute; left: 25px; top: 30px; line-height: 20px; }
div#qualBlurb { color: #b1b1b1; margin-top: 10px; }
div#salesPointCopy { width: 260px; position: absolute; left: 25px; top: 190px; color: #df2021; font-size: 1.3em; line-height: 26px; }
div#designlink { position: absolute; left: 25px; bottom: 25px; }
div#bottom h1 { font-size: 24px; margin: 0; padding: 0; color: #df2021; font-weight: 300; }
div#salesPointImage { position: absolute; right: 0; top: 0; }

/* Wholesale Page */
div#wholesaleBox { width: 800px; height: 467px; margin: 0; padding: 0; background: url('images/wholesale.bkg.png') top left no-repeat; }
div#wholesaleHandle { width: 200px; padding: 30px 0 0 30px; color: #fff; }
div#wholesaleHandle h1 { margin-bottom: 1em; }
div#wholesaleHandle h2 { margin: 1em 0 0 0; font-size: 1.1em; font-weight: bold; color: #B5B5B5; }

/* Contact Page */
div#contactBox { background: url(images/contact.graphic.jpg) top left no-repeat; width: 800px; height: 467px; margin:0; padding:0; display: block; position: relative; }
div#contactInfo { position: absolute; right: 90px; top: 165px; text-align: right; color: #b1b1b1; font-family: "helvetica",sans-serif; font-size: 12px; line-height: 1.5em; }
div#contactInfo:first-line { font-weight: 800; }

/* Gallery Page */
div#galleryBox { width: 800px; height: 467px;
/*background: url('images/gallery.bkg.forplacement.png');*/
background: url('images/gallery.bkg.png') top left no-repeat;
}
/* temporary ? */ div#galTop { background: #252525; width: 100%; height: 280px; }

div#galleryBox #fullSize { float: left; height: 290px; }
div#galleryBox div#plateInfo { color: #fff; float: left; padding: 120px 0 0 20px; width: 250px;  }
div#galleryBox div#plateTitle { font-size: 18px; font-weight: bold; }
div#galleryBox div#plateCopy { font-size: 12px; font-weight: bold; text-decoration: underline; }
div#galleryBox div#thumbNav { clear: both; /*padding-top: 2em;*/ }
div#galleryBox div#thumbNav img { margin: 0 10px 0 10px; }
div#galleryBox span#leftArrow img,div#galleryBox span#rightArrow img { position: relative; bottom: 20px; }

/* Product Info Page */
div#productInfo { width: 800px; height: 467px; background: url('images/background.png'); }
div#pIhead h1 { font-size: 30px; color: #df2020; margin: 0 0 20px 0; padding: 0; }
div.pIbox h1 { margin: 0; padding: 0; font-size: 14px; color: #fff; }
div.pIbox { margin-bottom: 8px; color: #fff; }
div.pIbox div { padding-bottom: 5px; }
div.pIwBorder { border-bottom: solid 1px #808080; }
div#productInfoLeft { width: 375px; padding: 18px 0 0 25px; float: left; }
div#productInfoLeft p { color: #b1b1b1; }
div#productInfoRight { width: 360px; padding: 18px 20px 0 20px; float: left; }

/* Plate Preview */
div#platePrev { width: 800px; height: 467px; background: url('images/background.png'); text-align: center; }
div#plateHolder { text-align: left; margin: 0 auto; padding-top: 20px; display: block; width: 600px; }

/* Teams */
div#teamBox { width: 800px; height: 467px; background: url('images/teams.bkg.png'); }
div#teamBox #fullSize { padding: 28px 0 0 80px; }
div#teamBox div#leftBox { width: 511px; float: left; }
div#teamBox div#rightBox { width: 289px; float: left; color: #898989; }
div#teamBox div#presets { width: 289px; padding: 5px 0 0 15px; }
div#formFields th { text-align: left; }
input.teamplate { height: 12px; margin: 0; padding:1px; font-size: 11px; border: solid 1px #000; }
div#plateInfos { height: 220px; background: #c8c8c8 url("images/team/team.gradient.bkg.png") top left repeat-y; padding: 5px 0 0 15px; border: none; }
div#presets div#instructions { color: #fff; }
div#teamPlateNav { font-size: 10px; color: #888; clear: both; text-align: center; background: #c8c8c8 url("images/team/team.gradient.bkg.png") top left repeat-y; width: 100%; }
div#teamPlateNav a { color: #fff; }
div#teamPlateNav span#teamNavSpacer { padding: 0 80px; }
div#financialStuff { float: left; position: absolute; bottom: 5px; padding-left: 15px; }
div#teamOrderBtn { float: right; position: absolute; bottom: 5px; right: 5px; }
div#teamBox div#teamPlateInfo { text-align: center; padding-top: 15px; }
div#teamPlateInfo div#plateTitle { font-size: 18px; font-weight: 800; color: #898989; margin-bottom: 20px; }
div#teamPlateInfo div#plateCopy { font-size: 12px; color: #fff; }
div#teamThumbNav { display: block; margin-top: 40px; text-align: center; }
div#teamThumbNav img { margin-right: 5px; }
#priceEa, #totalPrice { color: #fff; }
#totalPrice { font-size: 2em; }
span#leftArrow img,span#rightArrow img { position: relative; bottom: 20px; }
div#rightHandle {
  padding: 30px;
  color: #fff;
}

/* Thumbs */
span#plateThumbs a:hover img { opacity: .75; filter: alpha(opacity=75); }
span#plateThumbs div { display: inline-block; }

/* Checkout */
div#chReferCode { text-align: center; background: #ccc; padding: 5px; }
div#checkOutBox { width: 800px; min-height: 467px; background: url('images/checkout.bkg.gif') top left repeat-y; }
div#checkOutBox #chLeftBox { width: 512px; float: left; }
div#checkOutBox #chRightBox { width: 288px; float: left; }
div.chPlate { height: 200px; background: url('images/checkout.gradient.separater.gif') bottom left repeat-x; }
div.fakeplate { padding-top: 40px; }
div.chPlate:last-child { background: none; }
div.chPlatePlate { padding-top: 25px; width: 50%; float: left; text-align: center; }
div.chPlateInfo  { padding-top: 25px; width: 50%; float: left; color: #c8c8c8; font-weight: 800; }
div.chPlateUpsell { padding-top: 50px; }
div.radios { color: #fff; }
div#chRightTop { padding: 30px; }
div#chRightTop h1 { font-size: 1.5em; color: #AD0610; margin-bottom: 10px; padding: 0; font-weight: normal;}
div#chRightTop table { width: 100%; }
table#yourOrder td { font-weight: bold; color: #636363; }
td.nameField { text-align: left; }
td.valueField { text-align: right; }
tr#totalRow td { border-top: #e8e8e8 solid 1px; color: #AD0610; }
div#chRightMid { height: 137px; background: url("images/checkout1/add.another.plate.png") top left no-repeat; position: relative; }
div#addAPlatebtn { position: absolute; top: 98px; right: 0; }
div#chRightBot { padding: 20px; text-align: right; }
div#chRightBot a { color: #AD0610; font-weight: bold; text-decoration: underline; }
div.edit { margin-top: 3px; }
div.edit span { display: inline-block; padding: 2px; margin: 2px; color: #fff; font-weight: bold; }
div.edit span.approval { background: #656565; }
div.edit span input { vertical-align: middle; }
div.reviewquery { font-weight: bold; color: #DD2122; }
#ch2formArea { text-align: left; }
#ch2formArea th { text-align: left; }
div#ch2rightContent { padding: 30px; text-align: center; }
.ch2orderHeader { font-size: 1.5em; color: #AD0610; margin-bottom: 10px; padding: 0; font-weight: normal; text-align: left; }
div#chrightContent table { margin: 0 auto; }
div#chrightContent table td { text-align: left; }
div#chrightContent table th { text-align: right; }
div#checkoutstarter { height: 9px; font-size: 1px;  background: url('images/checkout.top.gif') top left no-repeat; margin: 0; padding: 0; }
div#checkoutender { height: 10px; background: url('images/checkout.footer.gif') top left no-repeat; }

/* Edit User Info */
#editUserArea,#genericPage { width: 750px; min-height: 467px; color: #fff; background: url('images/skullbg.gif') top left no-repeat; }
#genericPage #content { width: 230px; }
#returnPage { color: #fff; min-height: 467px; }
div#returnPage { background: #252525 !important; }
#returnPage h1 { margin: 0; text-align: center; font-weight: normal; font-size: 18px; padding: 10px 0 10px 0; }
#reLeftBox { width: 300px; float: left; padding-left: 20px; margin-right: 20px; }
#reLeftBox div { float: left; }
#reRightBox { text-align: left; }
div#reRtBlurb { margin: 0 auto; text-align: left; padding: 0 20px; }

/* recover password */
.resetbtn { color: #CD3131 !important; font-weight: bold; }
