* { margin: 0; padding: 0; } html, body { height: 100%; width: 100%; min-height: 100%; min-width: 100%; } b { font-weight: bold; } @font-face { font-family: 'Droid Serif'; src: url('/css/fonts/droidserif_regular/DroidSerif-webfont.eot'); src: url('/css/fonts/droidserif_regular/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/droidserif_regular/DroidSerif-webfont.woff') format('woff'), url('/css/fonts/droidserif_regular/DroidSerif-webfont.ttf') format('truetype'), url('/css/fonts/droidserif_regular/DroidSerif-webfont.svg#droid_serifregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Droid Serif'; src: url('/css/fonts/droidserif_bolditalic/DroidSerif-BoldItalic-webfont.eot'); src: url('/css/fonts/droidserif_bolditalic/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/droidserif_bolditalic/DroidSerif-BoldItalic-webfont.woff') format('woff'), url('/css/fonts/droidserif_bolditalic/DroidSerif-BoldItalic-webfont.ttf') format('truetype'), url('/css/fonts/droidserif_bolditalic/DroidSerif-BoldItalic-webfont.svg#droid_serifregular') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Droid Serif'; src: url('/css/fonts/droidserif_italic/DroidSerif-Italic-webfont.eot'); src: url('/css/fonts/droidserif_italic/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/droidserif_italic/DroidSerif-Italic-webfont.woff') format('woff'), url('/css/fonts/droidserif_italic/DroidSerif-Italic-webfont.ttf') format('truetype'), url('/css/fonts/droidserif_italic/DroidSerif-Italic-webfont.svg#droid_serifregular') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: "Helvetica Neue"; src: url('/css/fonts/HelveticaNeue-Light.otf'); font-weight: normal; font-stretch: normal; font-style: normal; } body { color: black; background-color: white; margin: 0; vertical-align: baseline; font-family: "Droid Serif"; font-size: 12pt; line-height: 16pt; font-weight: 200; font-stretch: normal; } header { margin: 13px 0px 10px; } section { overflow: hidden; margin-bottom: 30px; } section.main { margin: 0px; } td { vertical-align: top; } input { border: solid 1px white; } .error { color: red; } input.error { border: solid 1px red; } #pnlDim { position: fixed; width: 100%; height: 100%; background-color: black; opacity: 0.85; z-index: 5000; display: none; margin-top: -13px; } #pnlMessageContent { left: 50%; top: 50%; position: fixed; background: transparent; color:#FFFFFF; font-size: 130%; line-height: 140%; border-radius: 10px; z-index: 5001; display: none; } article { margin-top: 30px; } footer .content { padding: 35px 0px 25px; } footer { color: white; } footer a { color: white; text-decoration: none; } footer a:hover { color: #d0d0d0; text-decoration: underline; } footer td.links { word-spacing: 8px; } .content { width: 830px; min-width: 830px; max-width: 830px; margin: 0px auto; padding: 0px 30px; } .button.menu { font-size: 12pt; padding: 6px 30px; } .button.menu.special { font-size: 12pt; padding: 3px 15px; background-color: white; color: black; border: solid 1px #87898b; } .button.menu.special:hover { background-color: orange; border-color: orange; } .button { background-color: black; color: white; text-align: center; display: inline-block; border: none; border-radius: 6px; cursor: pointer; font-size: 14pt; text-decoration: none; } .button:hover { background-color: orange; color: black; } .button.orange { font-size: 16pt; background-color: #ef9c28; padding: 12px 17px 12px; margin: 30px 0px 0px 0px; } .buttonPlace { text-align: center; margin: 0px; } h1, h3 { font-weight: normal; font-family: 'Droid Serif' !important; } h2 { font-family: "Helvetica Neue" !important; } div.subHeader { background-color: red; margin-top: 20px; padding: 12px 0px; text-align: center; text-align: center; text-transform: uppercase; color: white; font-size: 17pt; letter-spacing: 2px; } h3 { font-size: 18.5pt; padding: 0px; margin: 0px 0px 25px 0px; } h1.promo { font-size: 36pt; line-height: 39pt; color: white; } h2.promo { font-size: 18pt; line-height: 20pt; color: white; font-family: "Helvetica Neue" !important; } h3.promo { font-size: 18.3pt; line-height: 21pt; color: black; font-weight: normal; } a, label.link, span.link { color: #ef9c28; text-decoration: none; font-weight: normal; font-size: 100%; cursor: pointer; } div.details { display: none; } p { margin: 0px; padding: 4px 0px; } footer div.contactus { background-color: orange; text-align: center; height: 50px; padding-top: 24px; } div.orderForm { background-color: #ef8f20; padding: 20px 0px; } div.orderForm div.content { text-align: center; color: white; } div.orderForm div.content h4 { font-size: 18pt; margin-bottom: 20px; font-weight: normal; } div.orderForm input[type=text] { padding: 5px; width: 260px; margin: 10px; } div.orderForm input.button { padding: 10px 20px; margin: 10px; } div.orderForm input.button:hover { color: white; background-color: #222222; } ul.navigateMenu { list-style: none; margin-top: 8px; } ul.navigateMenu li { display: inline-block; height: 40px; background-image: url(/img/menuArrow.png); background-repeat: no-repeat; background-position: bottom; } ul.navigateMenu li a { display: block; padding: 2px 10px; background-color: #de8c31; color: white; font-size: 110%; } input[type=text].placeholderStyle { font-weight: bold; text-align: center; } @media (max-width: 1000px) { .button { font-size: 14pt !important; } ul.navigateMenu li a { display: block; padding: 2px 10px; background-color: #de8c31; color: white; } div.orderForm { font-size: 20pt; line-height: 25pt; } div.orderForm input[type=text] { padding: 5px; width: 260px; margin: 10px; font-size: 14pt; } } .modalOverlay { width:100%; height:120%; position:absolute; position:fixed; top:0; left:0; margin:0; padding:0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjNjc2ODY3IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGUwZTBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(125,126,125,0.85) 0%, rgba(103,104,103,0.8) 10%, rgba(14,14,14,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,0.85)), color-stop(10%,rgba(103,104,103,0.85)), color-stop(100%,rgba(14,14,14,1))); background: -webkit-linear-gradient(top, rgba(125,126,125,0.85) 0%,rgba(103,104,103,0.85) 10%,rgba(14,14,14,1) 100%); background: -o-linear-gradient(top, rgba(125,126,125,0.85) 0%,rgba(103,104,103,0.85) 10%,rgba(14,14,14,1) 100%); background: -ms-linear-gradient(top, rgba(125,126,125,0.85) 0%,rgba(103,104,103,0.85) 10%,rgba(14,14,14,1) 100%); background: linear-gradient(to bottom, rgba(125,126,125,0.85) 0%,rgba(103,104,103,0.85) 10%,rgba(14,14,14,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); -webkit-transition: opacity 0.3s ease-in; z-index:9999998; } .modalWindow { position:fixed; top:30%; margin:0; width: 850px; height:500px; padding:10px 3px 10px 10px; word-spacing:2px; line-height:15px; font-weight:bold; font-size:14pt; color:#fff; opacity:0; z-index:9999999; background: transparent; } #modalWrapper { overflow:auto; width:100%; height:100%; position:relative; } #scroller { position:absolute;  -webkit-tap-highlight-color:rgba(0,0,0,0); width:98%; padding:0; }