@charset "utf-8";
/* CSS Document */

.designHeader {background-image:url(../App_Images/design/designHeader.jpg); height:205px; text-indent:-5000px; margin:0 0 20px 0; padding:0;}
.designHeader h2, .designHeader p {display:none;}
.signChooser {background-image:url(../App_Images/design/step1_bg.jpg); height:140px; position:relative; z-index:9; padding:30px 0 0 40px;}
.prev {display:block; background-image:url(../App_Images/design/step1_prev.png); width:25px; height:168px; position:absolute; top:0; left:0; text-indent:-5000px; z-index:25;}
.next {display:block; background-image:url(../App_Images/design/step1_next.png); width:25px; height:168px; position:absolute; top:0; right:0; text-indent:-5000px; z-index:25;}

.prev:link, .prev:visited { background-position:left;}
.prev:hover, .prev:active { background-position:right;}
.next:link, .next:visited { background-position:right;}
.next:hover, .next:active { background-position:left;}

.signItems {position:relative; z-index:10;}
.sign {display:block; float:left; width:130px; text-align:center; font-size:.9em; color:#666;position:relative;}
.sign a {color:#666; text-decoration:none; display:block; width:112px; height:91px; text-indent:-5000px; background-position:bottom;}
.template1 { background-image:url(../App_Images/design/signs/1.jpg);}
.template2 { background-image:url(../App_Images/design/signs/2.jpg);}
.template3 { background-image:url(../App_Images/design/signs/3.jpg);}
.template4 { background-image:url(../App_Images/design/signs/4.jpg);}
.template5 { background-image:url(../App_Images/design/signs/5.jpg);}
.template6 { background-image:url(../App_Images/design/signs/6.jpg);}
.template7 { background-image:url(../App_Images/design/signs/7.jpg);}
.template8 { background-image:url(../App_Images/design/signs/8.jpg);}
.template9 { background-image:url(../App_Images/design/signs/9.jpg);}
.template10 { background-image:url(../App_Images/design/signs/10.jpg);}
.template11 { background-image:url(../App_Images/design/signs/11.jpg);}
.template12 { background-image:url(../App_Images/design/signs/12.jpg);}
.sign a.active { background-position:top;}
.overlay {display:block; position:absolute; z-index:20; top:18px; left:0px;}
.fadeout {display:block; position:absolute; z-index:20; top:29px; left:766px;}

.sauceChooser {background-image:url(../App_Images/design/step2_bg.jpg); height:170px; position:relative;}
.sauceList { position:absolute; top:25px; left:260px;}
.sauceList a {display:block; float:left; height:119px; width:68px; text-indent:-5000px; margin-right:20px;}
.sauceList a:link, .sauceList a:visited {background-position:center;}
.sauceList a:hover, .sauceList a:active {background-position:top;}
.sauceList a.active {background-position:bottom;}
.original { background-image:url(../App_Images/design/sauces/original.jpg); }
.honey {background-image:url(../App_Images/design/sauces/honey.jpg); }
.hickory {background-image:url(../App_Images/design/sauces/hickory.jpg); }
.spicy {background-image:url(../App_Images/design/sauces/spicy.jpg); }
.onion {background-image:url(../App_Images/design/sauces/onion.jpg); }
.chipotle {background-image:url(../App_Images/design/sauces/chipotle.jpg); }

.messageForm {background-image:url(../App_Images/design/step3_bg.jpg); height:163px;}
.messageForm textarea { display:block; width:400px; height:100px; float:left; margin:28px 20px 0 230px; padding:2px; color:#5f3939; font-family:Arial, Helvetica, sans-serif; border:1px solid #333; background-color:#fff;}
.buttons{float:left; width:176px; margin:28px 20px 0 0;}
.previewButton {background-image:url(../App_Images/design/previewButton.jpg); width:176px; height:36px; display:block; text-indent:-5000px;}
.previewButton:link, .previewButton:visited {background-position:top;}
.previewButton:hover, .previewButton:active {background-position:bottom;}
.continueButton {background-image:url(../App_Images/design/continueButton.jpg); height:76px; width:176px; display:block; text-indent:-5000px;}
.continueButton:link, .continueButton:visited {background-position:top;}
.continueButton:hover, .continueButton:active {background-position:bottom;}
