body{margin:0px; background:#333333} #discount {position: absolute; width: 707px; height: 515px; background:#585858; border-style: solid; border-width: 5px; border-color:#666666; z-index:100} .text{border:solid 1px #999999; width:380px; height:30px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#333333} .text2{border:solid 1px #999999; width:200px; height:40px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#333333} .text3{border:solid 1px #999999; width:30px; height:30px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#333333; text-align:center} .registertext{border:solid 1px #999999; width:240px; height:25px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#333333} .registertext2{border:solid 1px #999999; width:500px; height:25px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#333333} .formtext{border:solid 1px #999999; background:#F2B60F; width:490px; height:60px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:18px; color:#000000} .monthtext{border:solid 1px #999999; width:120px; height:25px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#333333} .pricetext{background:#FFFFFF; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 20px; color: #f2b60f; line-height:45px} .quantitytext{border:solid 1px #999999; width:50px; height:25px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#333333} .quantitytext2{border:solid 1px #999999; width:30px; height:25px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#333333} .quantitytext3{border:none; width:45px; height:45px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; text-align:center; color:#333333} .message{border:solid 1px #999999; text-transform:none; width:380px; height:92px; overflow:auto; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#333333} .message2{border:solid 1px #999999; text-transform:none; width:380px; height:152px; overflow:auto; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#333333} .button{border-style:none; background-color:#f2b60f; width:120px; height:40px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; cursor:pointer} .button2{border-style:none; background-color:#f2b60f; height:50px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; cursor:pointer} .button3{border-style:none; background-color:#f2b60f; width:50px; height:25px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; cursor:pointer} .button4{border-style:none; background-color:#f2b60f; width:150px; height:40px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; cursor:pointer} .button5{border-style:none; background-color:#FFCC00; width:140px; height:50px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#FFFFFF; cursor:pointer} .button6{border-style:none; background-color:#f2b60f; height:30px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; cursor:pointer} .button7{border:none; background:#4a4a4a; width:380px; height:40px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer} .button7:hover{color:#ffae00} .button8{border:none; background:#ffcc00; width:200px; height:40px; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size:16px; color:#020101; cursor:pointer} .button8:hover{color:#FFFFFF} .button9{border:none; background:#000000; width:220px; height:40px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer} .button9:hover{color:#ffae00} .button10{border:none; background:#000000; width:120px; height:50px; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer} .button11{border:none; background:#000000; width:300px; height:60px; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; cursor:pointer} .button12{border-style:none; border-radius:10px; background-color:#333333; width:600px; height:90px; font-family:BlissM, Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; cursor:pointer} .button12:hover{color:#ffae00} .button13{border-style:none; border-radius:10px; background-color:#ffffff; width:230px; height:80px; padding:10px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; white-space:normal; cursor:pointer} .button13:hover{color:#ffffff; background-color:#000000} .update{border-style:none; background:url(images/update.gif); width:35px; height:26px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; cursor:pointer} .delete{border-style:none; background:url(images/delete.gif); width:30px; height:26px; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; cursor:pointer} .dropmenudiv{position: absolute; visibility: hidden; width:220px; margin:0px 0px 0px -20px; padding: 0px; background: #f9f9f9; z-index:1} .dropmenudiv a {position: relative; display: block; margin: 0px; padding: 15px 20px; width: auto; white-space: nowrap; text-align: left; text-decoration:none; background:#f9f9f9; color: #666666; font: 16px opensans-regular, Arial} .dropmenudiv a:hover{background:#f2b60f} .footer {color: #CCCCCC; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 12px} a:hover.footer {text-decoration: none} .footer2 {color: #999999; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 12px} a:hover.footer2 {text-decoration: none} .menu {color: #666; text-decoration: none; text-align:center; font-family:Bliss, Arial, Helvetica, sans-serif; font-size: 18px} .menu a{position: relative; display: block; margin: 0px; padding: 25px 0px; width: auto; white-space: nowrap; text-decoration: none; color: #666} .menu a:hover {color: #f2b60f} .menu2{width:220px; margin:0px; padding: 0px; background: #f9f9f9; z-index:1} .menu2 a{position: relative; display: block; margin: 0px; padding: 15px 20px; width: auto; text-align: left; text-decoration:none; background:#f9f9f9; color: #666666; font: 16px OpenSans-Bold, Arial} .menu2 a:hover{background:#f2b60f} .navi {color: #999999; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 12px; line-height:25px} a:hover.navi {text-decoration: none} .more {color: #f2b60f; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none} a:hover.more {color: #999999} .link {color: #CCCCCC; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none} a:hover.link {color: #FFFFFF} .note {color: #f2b60f; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 14px} a:hover.note {text-decoration: none} .note2 {color: #f2b60f; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 13px} a:hover.note2 {text-decoration: none} .note3 {color: #ff0000; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 14px} a:hover.note3 {text-decoration: none} .note4 {color: #f2b60f; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 18px} .note5 {color: #ff0000; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 12px} .p {color: #000000; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 14px; line-height:25px} a:hover.p {text-decoration: none} .p2 {color: #020101; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 22px; line-height:30px; text-decoration: none} .p3 {color: #000000; font-family:Bliss, Arial, Helvetica, sans-serif; font-size: 22px; line-height:30px} .p4 {color: #000000; font-family:Bliss, Arial, Helvetica, sans-serif; font-size: 28px; line-height:30px} .p5 {color: #000000; font-family:OpenSans-Italic, Arial, Helvetica, sans-serif; font-size: 16px; line-height:30px; text-decoration: none} .p6 {color: #000000; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 16px; line-height:30px; text-decoration: none} .p7 {color: #000000; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 14px; line-height:30px} .p7:hover{cursor:pointer; color: #f2b60f} .p8 {font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none} a:hover.p8 {color: #f2b60f} .p9 {color: #FFFFFF; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 13px} .p10 {color: #FFFFFF; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 18px} .p11 {font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color: #333333; text-decoration: none} .p12 {font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color: #333333; text-decoration: none} .p13 {font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 60px; color: #F2B60F; font-weight:bold} .p14 {font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFffff} a:hover.p14 {text-decoration: none} .p15 {font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; line-height:30px} a:hover.p15 {text-decoration: none} .p16 {color: #333333; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 14px; font-style:italic} .p17 {font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 18px; color: #FF0000} .p18 {font-family:Bliss, Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; text-decoration: none} a:hover.p8 {color: #f2b60f} .p19 {color: #000000; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 16px; line-height:30px; text-decoration: none} .p19:hover{cursor:pointer; color: #f2b60f} .p20 {color: #000000; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 18px; line-height:30px; text-decoration: none} .p21 {color: #000000; font-family:OpenSans-Italic, Arial, Helvetica, sans-serif; font-size: 12px; line-height:30px; text-decoration: none} .p22 {color: #020101; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 24px; line-height:38px; text-decoration: none} .p23 {color: #020101; font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 24px; line-height:38px; text-decoration: none} .p24 {color: #333333; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 36px; line-height:60px; text-decoration: none} .p25 {color: #ff9900; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 48px; line-height:60px; text-decoration: none} .p26 {color: #6c6c6c; font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 40px; line-height:60px; text-decoration: none} .p27 {color: #000000; font-family:OpenSans-Italic, Arial, Helvetica, sans-serif; font-size: 18px; line-height:30px; font-weight:bold} .p28 {color: #ff6600; font-family:OpenSans-Italic, Arial, Helvetica, sans-serif; font-size: 24px; line-height:40px; font-weight:bold} .p29 {color: #ffffff; font-family:OpenSans-Italic, Arial, Helvetica, sans-serif; font-size: 30px; line-height:40px; font-weight:bold} .p30 {color: #ffffff; font-family:OpenSans-Italic, Arial, Helvetica, sans-serif; font-size: 18px; line-height:30px; font-weight:bold} .title {font-family:Bliss, Arial, Helvetica, sans-serif; font-size: 48px; color: #3f3a39; line-height:50px} .slogan {font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 30px; color: #999999} .h1 {font-family:Bliss, Arial, Helvetica, sans-serif; font-size: 24px; color: #333; line-height:40px} .h2 {font-family:BlissM, Arial, Helvetica, sans-serif; font-size: 30px; color: #333333; line-height:30px} .h3 {font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 36px; color: #f2b60f} .h4 {font-family:BlissM, Arial, Helvetica, sans-serif; font-size: 20px; color: #FFcc00} .h5 {font-family:opensans-regular, Arial, Helvetica, sans-serif; font-size: 30px; color: #333333} .h6 {font-family:Bliss, Arial, Helvetica, sans-serif; font-size: 30px; color: #FF9900; font-weight:bold} .h7 {font-family:BlissM, Arial, Helvetica, sans-serif; font-size: 20px; color: #FF9900; font-style:italic} .h8 {font-family:OpenSans-Bold, Arial, Helvetica, sans-serif; font-size: 18px; color: #F2B60F} .h9 {font-family:OpenSans-Italic, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFcc00; font-weight:bold} @font-face{font-family: 'Bliss'; src: url('fonts/BlissRegular.eot'); src: url('fonts/BlissRegular.ttf'), url('fonts/BlissRegular.woff'), url('fonts/BlissRegular.svg'); } @font-face{font-family: 'BlissM'; src: url('fonts/bliss-me-webfont.eot'); src: url('fonts/bliss-me-webfont.ttf'), url('fonts/bliss-me-webfont.woff'), url('fonts/bliss-me-webfont.svg'); } @font-face { font-family: 'opensans-regular'; src: url('fonts/opensans-regular-webfont.eot'); src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#opensans-regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Bold'; src: url('fonts/OpenSans-Bold-webfont.eot'); src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#OpenSans-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Italic'; src: url('fonts/OpenSans-Italic-webfont.eot'); src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#OpenSans-Italic') format('svg'); font-weight: normal; font-style: normal; } /* countdown */ #countdown{ width: 290px; height: 80px; text-align: center; background: #222; background-image: -webkit-linear-gradient(top, #222, #333, #333, #222); background-image: -moz-linear-gradient(top, #222, #333, #333, #222); background-image: -ms-linear-gradient(top, #222, #333, #333, #222); background-image: -o-linear-gradient(top, #222, #333, #333, #222); border: 1px solid #111; border-radius: 5px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); margin: auto; padding: 24px 0; position: relative; top:0; bottom: 0; left: 0; right: 0; font: normal 13px/20px Arial, Helvetica, sans-serif; word-wrap:break-word; color: #eee; } #countdown #tiles{ position: relative; z-index: 1; } #countdown #tiles > span{ width: 50px; max-width: 50px; font: bold 32px 'Bliss', Arial, sans-serif; text-align: center; color: #111; background-color: #ddd; background-image: -webkit-linear-gradient(top, #bbb, #eee); background-image: -moz-linear-gradient(top, #bbb, #eee); background-image: -ms-linear-gradient(top, #bbb, #eee); background-image: -o-linear-gradient(top, #bbb, #eee); border-top: 1px solid #fff; border-radius: 3px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); margin: 0 5px; padding: 10px 0; display: inline-block; position: relative; } #countdown #tiles > span:before{ content:""; width: 100%; height: 13px; background: #111; display: block; padding: 0 3px; position: absolute; top: 41%; left: -3px; z-index: -1; } #countdown #tiles > span:after{ content:""; width: 100%; height: 1px; background: #eee; border-top: 1px solid #333; display: block; position: absolute; top: 48%; left: 0; } #countdown .labels{ width: 100%; height: 25px; text-align: center; position: absolute; bottom: 8px; } #countdown .labels li{ width: 60px; font: bold 15px 'Bliss', Arial, sans-serif; color: #ffcc00; text-shadow: 1px 1px 0px #000; text-align: center; text-transform: uppercase; display: inline-block; }