/*********** Stripping Browser Styling ***********/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit; }

* {	margin: 0; padding: 0; }

/*********** Global Styles ***********/

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #1c1c1c url(../images/body-back.jpg) repeat-x 0 3px; _background-position: 0 0; /* IE6 */ }
.cleaner { clear: both; height: 0; overflow: hidden; }
input { font-family: Arial, Helvetica, sans-serif; }
p { line-height: 160%; }
img, div { behavior: url("css/iepngfix.htc") } /* IE6 Transparency Fix */

/*********** Overal Structure ***********/

.fade-wrapper { z-index: 100; width: 100%; height: 170%; background: #fff; position: absolute; top: -3px; display: none; }
.wrapper { width: 100%; margin: 3px auto 0; background: url(../images/main-back.jpg) no-repeat center top; }
.container { width: 960px; margin: 0 auto; position: relative; z-index: auto; }

.intro-holder { margin: 0 auto; position: relative; width: 960px; padding-top: 425px; }
.intro-holder img.product { display: block; position: absolute; top: 65px; left: 180px; z-index: 200; }
.intro-holder h1 { font-size: 40px; color: #444; text-align: center; padding: 40px 20px; z-index: 300; position: relative; }

.header { height: 360px; }
.header h4 a { display: block; height: 179px; width: 179px; background: url(../images/logo.png) no-repeat 0 0; text-indent: -9999px; text-decoration: none; position: relative; z-index: 0; }
.header p.phone-no { position: absolute; height: 46px; width: 167px; padding: 0 10px 0 30px; top: 25px; right: 0; font-size: 20px; color: #fff; text-shadow: 0 2px 1px #0d2751; font-weight: bold; background: url(../images/phone-back.png) no-repeat 0 0; line-height: 46px; text-align: center; }
/*.header p.price { position: absolute; height: 115px; width: 114px; text-indent: -9999px; top: 150px; left: 100px; background: url(../images/price-bubble.png) no-repeat 0 0; }*/
/*.header p.new { position: absolute; height: 83px; width: 83px; text-indent: -9999px; top: 200px; right: 100px; background: url(../images/new-bubble.png) no-repeat 0 0; }*/

.content { background: #fff url(../images/content-base.gif) no-repeat 0 bottom; padding: 60px 20px; position: relative; }
.content img.product { display: block; position: absolute; top: -300px; left: 180px; }
.content h1 { font-size: 40px; color: #1c3a80; text-align: center; padding: 40px 20px; }

.content a.call-to-action { margin-bottom: 20px; display: block; height: 77px; color: #fff; text-decoration: none; background: #282828 url(../images/call-to-action-back.png) no-repeat 0 0; line-height: 77px; padding-left: 25px; font-size: 31px; text-shadow: 0 1px 0 #111; width: 895px; overflow: hidden; }
.content a.call-to-action strong { display: block; text-indent: -9999px; float: right; }
.content a.call-to-action:hover { background-position: 0 -77px; text-shadow: 0 1px 0 #666; color: #000; }

.content .sign-up-form { padding: 20px; background: #222 url(../images/sign-up-back.png) repeat-x left bottom; margin-bottom: 20px; color: #fff; width: 880px; overflow: hidden; }
.content .sign-up-form p { font-size: 24px; text-shadow: 0 1px 0 #111; }
.content .sign-up-form p em { font-weight: lighter; font-size: 20px; color: #ddd; }
.content .sign-up-form ul { list-style: none; width: 860px; padding: 10px; }
.content .sign-up-form li { width: 50%; display: block; float: left; padding: 10px 0 15px 0; }
.content .sign-up-form li label { display: block; float: left; width: 130px; font-size: 14px; }
.content .sign-up-form li input { padding: 4px; width: 240px; font-size: 14px; float: left; }
.content .sign-up-form a.call-to-action { margin: 15px -20px -20px; background-image: url(../images/sign-up-ctoa-back.png); }

.content .product-blurb { margin-bottom: 20px; padding: 20px 20px 20px 170px; background: #7d9ebe url(../images/blurb-back.jpg) no-repeat 0 0; position: relative; }
.content .product-blurb span.icon { position: absolute; top: 15px; left: 15px; display: block; text-indent: -9999px; height: 128px; width: 128px; background: url(../images/Service-Manager.png) no-repeat 0 0; }
.content .product-blurb h2 { padding: 0 0 10px; font-size: 16px; font-weight: normal; color: #fff; text-shadow: 0 1px 3px #44578a; }
.content .product-blurb p { font-size: 14px; color: #fff; text-shadow: 0 1px 3px #44578a; }

.content .ems-impressum { margin-bottom: 20px; padding: 20px 20px 20px 170px; background: #7d9ebe url(../images/blurb-back.jpg) no-repeat 0 0; position: relative; }
.content .ems-impressum span.icon { position: absolute; top: 15px; left: 15px; display: block; text-indent: -9999px; height: 128px; width: 128px; background: url(../images/ems-imp.png) no-repeat 0 0; }
.content .ems-impressum h2 { padding: 0 0 10px; font-size: 16px; font-weight: normal; color: #fff; text-shadow: 0 1px 3px #44578a; }
.content .ems-impressum p { font-size: 14px; color: #fff; text-shadow: 0 1px 3px #44578a; }

.content .ems-bestellung { margin-bottom: 20px; padding: 20px 20px 20px 170px; background: #7d9ebe url(../images/blurb-back.jpg) no-repeat 0 0; position: relative; }
.content .ems-bestellung span.icon { position: absolute; top: 15px; left: 15px; display: block; text-indent: -9999px; height: 128px; width: 128px; background: url(../images/ems-bes.png) no-repeat 0 0; }
.content .ems-bestellung h2 { padding: 0 0 10px; font-size: 16px; font-weight: normal; color: #fff; text-shadow: 0 1px 3px #44578a; }
.content .ems-bestellung p { font-size: 14px; color: #fff; text-shadow: 0 1px 3px #44578a; }

.content .ems-disclaimer { margin-bottom: 20px; padding: 20px 20px 20px 170px; background: #7d9ebe url(../images/blurb-back.jpg) no-repeat 0 0; position: relative; }
.content .ems-disclaimer span.icon { position: absolute; top: 15px; left: 15px; display: block; text-indent: -9999px; height: 128px; width: 128px; background: url(../images/ems-dis.png) no-repeat 0 0; }
.content .ems-disclaimer h2 { padding: 0 0 10px; font-size: 16px; font-weight: normal; color: #fff; text-shadow: 0 1px 3px #44578a; }
.content .ems-disclaimer p { font-size: 14px; color: #fff; text-shadow: 0 1px 3px #44578a; }




.content .ems { margin-bottom: 20px; padding: 20px 20px 20px 170px; background: #7d9ebe url(../images/ems.jpg) no-repeat 0 0; position: relative; }
.content .ems span.icon { position: absolute; top: 3px; left: 15px; display: block; text-indent: -9999px; height: 62px; width: 227px; background: url(../images/ems-icon.png) no-repeat 0 0; }
.content .ems h2 { padding: 0 0 10px; font-size: 16px; font-weight: normal; color: #fff; text-shadow: 0 1px 3px #44578a; }
.content .ems p { font-size: 16px; text-align: right; color: #fff; text-shadow: 0 1px 3px #44578a; }


.content .selling-points { list-style: none; width: 940px; float: left; margin: 0 -10px -50px; padding-bottom: 50px; background: url(../images/usp-list-back.gif) no-repeat center bottom; }
.content .selling-points li { display: inline; padding: 15px; float: left; width: 185px; margin: 0 10px; font-size: 13px; }
.content .selling-points h3 { font-weight: bold; font-size: 16px; padding: 8px 0 18px 45px; color: #152142; text-shadow: 0 1px 0 #fff; display: block; }
.content .selling-points h3.sub-title-1 { background: url(../images/color_picker.png) no-repeat 0 0; }
.content .selling-points h3.sub-title-2 { background: url(../images/color_wheel.png) no-repeat 0 0; }
.content .selling-points h3.sub-title-3 { background: url(../images/gift.png) no-repeat 0 0; }
.content .selling-points h3.sub-title-4 { background: url(../images/love_eyes.png) no-repeat 0 0; }

.footer { margin: -20px 20px 20px; background: url(../images/footer-back.png) no-repeat 0 0; padding: 52px 20px 15px; color: #666; z-index: 2; position: relative; text-align: center; }
.footer { -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
.footer ul { list-style: none; width: 100%; display: block; }
.footer li { display: inline; padding: 0 12px; border-left: 1px solid #222; }
.footer li.first { border-left: 0; }
.footer li a { color: #888; }
.footer li a:hover { text-decoration: none; }