body {background: #000; font: 13px/18px "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana; color: #5f6d76;}

img {border: 0; -ms-interpolation-mode: bicubic;}

h1,h2,h3,h4,h5,h6,h7,pre,code,address,caption,cite,code,em,strong,th {font: 13px/18px "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana; margin: 0px; font-weight: 600; }

h1 {color: #FFF; font-size: 2.1em; line-height: 1.9em; text-transform: uppercase; font-weight: 100; }
h2 {color: #FFF; font-size: 1.8em; line-height: 1.5em; font-weight: 100; }
h3 {color: #FFF; font-size: 1.5em; line-height: 1.2em; font-weight: 300; }
h4 {color: #436274; font-size: 1.2em; line-height: 1.1em; font-weight: 500; }
h5 {color: #98c93b; font-size: 1.2em; line-height: 1.1em; font-weight: 500; }
h6 {color: #2589a9; font-size: 1.2em; line-height: 1.1em; font-weight: 500; }
h7 {color: #cfcfcf; font-size: 1.2em; line-height: 1.1em; font-weight: 500; ; text-decoration: line-through; }

.lightbg ul, .lightbg ol, .lightbg dl, .lightbg div {color: #505b63;}
.lightbg b {color: #2a333a;}

.lightbg a {color: #00769d;}
.lightbg a:hover {color: #328fb6;}
.lightbg a:visited {color: #45687f;}
.lightbg a:active {color: #075b81;}


.faq ul, .faq ol, .faq dl, .faq div {color: #505b63;}
.faq b {color: #2a333a;}

.faq a {color: #436274;}
.faq a:hover {color: #436274;}
.faq a:visited {color: #436274;}
.faq a:active {color: #436274;}



ul {margin-bottom: 18px; list-style: none outside;}
ol {margin-bottom: 18px; list-style: decimal; margin-left: 2.2em;}
ul.square, ul.circle { margin: .2em; padding: 0 1em;}
ul.square {list-style: square outside;}
ul.circle {list-style: circle outside;}

dl dt {color: #8d9ca6; font-weight: bold; padding: 0.2em 0px 0.2em;}
dl dd {padding: 0px 0px 2em;}

.overview dt {clear: left; float: left; width: 240px; padding: 0.2em 10px 2em 0px}
.overview dt img {border: 1px solid #FFF;}
.overview dd {float: left; width: 390px; padding: 0px 0px 2em;}

.themeslisting {padding: 0px;}
.themeslisting dd {width: 50%; float: left; padding: 0px;}

table.comparison {font: 13px/18px "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana; margin: 1px; padding: 1px; border-spacing: 2px; }
table.comparison td, table.comparison th { text-align: center; margin: 4px 5px; padding: 0.1em 5px;}
table.comparison th { color: #436274; font-size: 1.2em; line-height: 1.4em; background: url(../images/background2.png) #96a0aa repeat-x center top; border-bottom: 1px solid #7c858e;}
table.comparison td { border-top: 1px solid #1d1d1f; border-bottom: 1px solid #101113;}
table.comparison .features { text-align: left; }
table.comparison col.info {width: 80px; background: #0f1215;}
table.comparison col.features {background: #0c0d11;}
table.comparison col.description {width: 450px; background: #0f1215;}
table.comparison col.releasedate {width: 200px; background: #0f1215;}
table.comparison col.release {width: 400px; background: #0f1215;}

.boxe { position: relative; margin: auto;}
.boxe dd { position: relative; float: left; width: 263px; padding: 0px 20px; height: 202px; margin: 0px 0px 2.0em 0px; overflow: hidden; background: url(../images/box.jpg) no-repeat; }
.boxe h2 { color: #fff; font-size: 1.8em; text-transform: none; line-height: 2.2em; margin-bottom: 0.5em}
.boxe h4, .boxe h5, .boxe h6 { text-align: right; margin-bottom: 0.3em}
.boxe .bottom {position: absolute; bottom: 1em; right: 20px; display: inline}
.boxe .bottomleft {position: absolute; bottom: 1em; right: 112px; display: inline}

a {color: #32b9e3; text-decoration: underline;}
a:hover {color: #68e1ff; text-decoration: underline;}
a:visited {color: #6588a0; text-decoration: underline;}
a:active {color: #0078a0; text-decoration: underline;}

.background_nexus {position: relative; top: -8px; z-index: -1; background: url(../images/background_nexus.jpg) no-repeat center center; min-width: 1000px; width: 100%; height: 300px;}
.background_products {position: relative; top: -8px; z-index: -1; background: url(../images/background_products.jpg) no-repeat center center; min-width: 1000px; width: 100%; height: 130px;}
.background_support {position: relative; top: -8px; z-index: -1; background: url(../images/background_support.jpg) no-repeat center center; min-width: 1000px; width: 100%; height: 200px;}
.background_news {position: relative; top: -8px; z-index: -1; background: url(../images/background_news.jpg) no-repeat center center; min-width: 1000px; width: 100%; height: 130px;}
.background_themes {position: relative; top: -8px; z-index: -1; background: url(../images/background_products.jpg) no-repeat center center; min-width: 1000px; width: 100%; height: 130px;}
.background_buynow {position: relative; top: -8px; z-index: -1; background: url(../images/background_buynow.jpg) no-repeat center center; min-width: 1000px; width: 100%; height: 130px;}
.background_organizer {position: relative; top: -8px; z-index: -1; background: url(../images/background_organizer.jpg) no-repeat center center; min-width: 1000px; width: 100%; height: 300px;}
.background_xtreme {position: relative; top: -8px; z-index: -1; background: url(../images/background_xtreme.jpg) no-repeat center center; min-width: 1000px; width: 100%; height: 300px;}

.background {position: relative; top: -8px; z-index: 0; min-width: 1000px; width: 100%; background: url(../images/background0b.png) repeat-x center bottom;}
.background1 {position: relative; top: -8px; z-index: 0; background: url(../images/background1.png) #07080a repeat-x center top; min-width: 1000px; width: 100%; padding-top: 32px;}
.background1_bottom {position: absolute; bottom: 0px; left: 0px; z-index: 0; background: url(../images/background1b.png) repeat-x center center; min-width: 1000px; width: 100%; height: 10px;}
.page {position: relative; display: block; width: 1000px; height: inherit; margin: auto;}
.background2 {position: absolute; top: -32px; bottom: 8px; right: 0px; z-index: -1; background: url(../images/background2.png) #96a0aa repeat-x center top; width: 333px; height: auto;}
.background2_bottom {position: absolute; bottom: 0px; right: 0px; z-index: 1; background: url(../images/background2b.png) repeat-x center center; width: 333px; height: 10px;}
.background3 {position: absolute; top: -32px; bottom: 8px; left: 0px; z-index: -1; background: url(../images/background3.png) #0c0d11 repeat-x center top; width: 333px; height: auto;}
.background3_bottom {position: absolute; bottom: 0px; left: 0px; z-index: 1; background: url(../images/background3b.png) repeat-x center center; width: 333px; height: 10px;}
.background4 {position: absolute; top: -32px; bottom: 8px; right: 0px; z-index: -1; background: url(../images/background3.png) #0c0d11 repeat-x center top; width: 333px; height: auto;}
.background4_bottom {position: absolute; bottom: 0px; right: 0px; z-index: 1; background: url(../images/background3b.png) repeat-x center center; width: 333px; height: 10px;}
.background5 {position: relative; top: -8px; z-index: 0; background: url(../images/background3.png) #0c0d11 repeat-x center top; min-width: 1000px; width: 100%; padding-top: 32px;}
.background5_bottom {position: absolute; bottom: 0px; left: 0px; z-index: 0; background: url(../images/background3b.png) repeat-x center center; min-width: 1000px; width: 100%; height: 10px;}

.borderleft {border-left: 1px solid #121619}
.bordersides {border-left: 1px solid #121619; border-right: 1px solid #121619; }
.borderbottom {border-bottom: 1px solid #121619}
.bordertop {border-top: 1px solid #121619}

.header_main {position: relative; display: block; background: url(../images/header_left.jpg) transparent no-repeat -20px 0px; width: 1000px; height: 113px; margin: auto;}
.header_right {position: absolute; top: 0px; left: 0px; display: block; background: url(../images/header_right.jpg) #000 no-repeat right 0px; width: 100%; min-width: 1000px; height: 113px;}
.header_logo {position: absolute; display: block; background: url(../images/winstep_logo.png) transparent no-repeat 0px center; width: 140px; height: 113px; top: 0px; left: 10px;}
.header_deutsch {position: absolute; display: block; background: url(../images/mywinstep.png) transparent no-repeat 0px center; width: 198px; height: 69px; top: 16px; left: 800px;}
.header_anniversary {position: absolute; display: block; background: url(../images/20-years.png) transparent no-repeat 0px center; width: 165px; height: 105px; top: 8px; left: 800px;}
.header_anniversary_promo {position: absolute; display: block; background: url(../images/20-years.png) transparent no-repeat 0px center; width: 165px; height: 105px; top: 8px; left: 390px;}
.header_info {position: absolute; display: inline; top: 20px; left: 145px; height: 113px;}
.header_info h1 {color: #fff; font-size: 2.7em; text-transform: none; margin-bottom: 0.3em; font-weight: 100; line-height: 1em;}
.header_info h2 {color: #32b9e3; font-size: 1.8em; text-transform: none; margin-bottom: 0px; font-weight: 100; line-height: 1em;}
.header_info a, .header_info a:hover, .header_info a:visited, .header_info a:active {text-decoration: none;}

.clear {clear: both;}
.sep {width: 100px; height: 1px; border-bottom: none}

.headlight {position: relative; display: block; width: 1000px; height: 600px; margin: auto;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

#headlight_screenshot, #headlight_screenshot li {position: absolute; display: block; background: none; width: 1000px; height: 480px; margin: auto;}
#headlight_mask {position: absolute; top: 0px; left: 0px; display: block; width: 1000px; height: 480px; margin: auto;}
#headlight_mask li {display: block; width: 1000px; height: 480px; overflow: hidden;}
#headlight_mask li {background: url(../images/headlight_mask0.png) no-repeat center top;}

.boxes { position: relative; top: 375px; width: 1000px; margin: auto;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.boxes li { position: relative; float: left; width: 263px; padding: 0px 20px; height: 202px; margin: 0px 7px 2.0em 20px; overflow: hidden; background: url(../images/box.jpg) no-repeat; }
.boxes h2 { color: #fff; font-size: 1.8em; text-transform: none; line-height: 2.2em; margin-bottom: 0.6em}
.boxes .icon {float: left;}
.boxes .info {float: right; word-wrap: break-word; width: 150px; height: 90px; overflow: hidden;}
.boxes .bottom {position: absolute; bottom: 1em; right: 20px; display: inline}

.page .padding {display: block; padding: 0px 13px 2em 13px;}
.page .medium {width: 640px; float: left;}
.page .smallleft {width: 307px; float: left;}
.page .smallpanel {width: 304px; float: left;}
.page .middlepanel {width: 313px; float: left;}
.page .smallmiddle {width: 306px; float: left;}
.page .smallright {width: 307px; float: right;}
.page .full {width: 974px; float: left;}

ul.product { margin: 0px 0px 3em; padding: 0px;}
ul.product li {zoom: 1; display: inline-block; *display: inline; vertical-align: top; margin: 2em 0px; padding: 0px;}
ul.product li.icon {width: 180px; text-align: center;}
ul.product li.info {width: 779px;}

.listing li { float: left; width: 49%; margin: 3px 1% 3px 0px; overflow: hidden; }
.listing4 li { float: left; width: 24%; margin: 3px 1% 3px 0px; overflow: hidden; }
.listing5 li { float: left; width: 32%; margin: 3px 1% 3px 0px; overflow: hidden; }

.navigation {position: relative; display: block; height: 49px; top: -4px; margin: auto; width: 100%; min-width: 1000px; background: url(../images/nav_bar.png) repeat; text-align: center; overflow: hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.navigation li { height: 49px; line-height: 49px; margin: 0px 30px; zoom: 1; display: inline-block; *display: inline; vertical-align: top;}
.navigation li.sep { width: 2px; margin: 0px; background: url(../images/nav_bar_sep.png) no-repeat;}
.navigation a { font-size: 15px; color: #FFF; text-decoration: none;}
.navigation a:hover {color: #32b9e3; text-decoration: none;}

.footer { display: block; width: 1000px; height: 45px; margin: auto;}
.footer li { float: left; margin: 1px 1% 1px 0px; overflow: hidden;}
.footer li.copy { float: right; margin: 1px 0px; color: #afbec8; text-align: right;}
.footer li a {color: #436274; text-decoration: underline;}
.footer li a:hover {color: #68e1ff; text-decoration: underline;}
.footer li a:visited {color: #436274; text-decoration: underline;}
.footer li a:active {color: #0078a0; text-decoration: underline;}

.thumbnail {position: relative; left: 0px; top: 4px; width: 307px; height: 192px; margin: 0px 0px 10px 0px;}
div.thumbnail .frame {position: absolute; top: -4px; left: -5px; width: 317px; height: 202px; background: url(../images/frame.png) no-repeat;}
div.thumbnail div.themename {position: relative; display: none; width: 307px; line-height: 1.7em; color: #FFF; text-align: center; font-size: 1.2em; background: url(../images/trans_black.png) repeat; position: absolute; bottom: 0px; left: 0px;}
div.thumbnail:hover div.themename {display: block;}
div.thumbnail a:active, div.thumbnail a:hover {text-decoration: none; cursor: pointer; z-order: 1;}

.thumbnail2 {position: relative; margin: auto; left: 0px; top: 4px; width: 317px; height: 261px; background: url(../images/frame2.png) no-repeat;}
div.thumbnail2 .frame {position: absolute; top: 4px; left: 5px; width: 317px; height: 196px;}
div.thumbnail2 div.themename {position: absolute; width: 307px; bottom: 4px; left: 0px; display: none; background: url(../images/trans_black.png) repeat; position: absolute; }
div.thumbnail2 div.themename {line-height: 1.7em; color: #FFF; text-align: center; font-size: 1.2em;}
div.thumbnail2:hover div.themename {display: block;}
div.thumbnail2 a.frame, div.thumbnail2 a.frame:active, div.thumbnail2 a.frame:hover {text-decoration: none; cursor: pointer; z-order: 1;}
div.thumbnail2 a.extra {position: absolute; width: 307px; bottom: 35px; left: 5px; text-align: center; text-decoration: underline; z-order: 1;}

.button, .button:hover, .button:visited, .button:active {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	padding: .45em 1.2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.8);
	font: 13px/100% Arial, Helvetica, sans-serif;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.buybutton, .buybutton:hover, .buybutton:visited, .buybutton:active {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: .5em 2px .1em;
	outline: none;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	padding: .35em .8em .40em;
	text-shadow: 0 1px 1px rgba(0,0,0,.8);
	font: 16px/100% Arial, Helvetica, sans-serif;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.black {
	border-top: solid 1px #4d738b;
	background: #171d24;
	background: -webkit-gradient(linear, left top, left bottom, from(#354f60), to(#171d24));
	background: -moz-linear-gradient(top,  #354f60,  #171d24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#354f60', endColorstr='#171d24');
}
.black:hover {
	border-top: solid 1px #6596b6;
	background: #1e262f;
	background: -webkit-gradient(linear, left top, left bottom, from(#45677e), to(#1e262f));
	background: -moz-linear-gradient(top,  #45677e,  #1e262f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#45677e', endColorstr='#1e262f');
}
.black:active {
	border-top: solid 1px #364e5f;
	background: #171d24;
	background: -webkit-gradient(linear, left top, left bottom, from(#171d24), to(#354f60));
	background: -moz-linear-gradient(top,  #171d24,  #354f60);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#171d24', endColorstr='#354f60');
}

.blue {
	border-top: solid 1px #55abce;
	background: #014252;
	background: -webkit-gradient(linear, left top, left bottom, from(#2589a9), to(#014252));
	background: -moz-linear-gradient(top,  #2589a9,  #014252);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2589a9', endColorstr='#014252');
}
.blue:hover {
	border-top: solid 1px #6fe0ff;
	background: #01566b;
	background: -webkit-gradient(linear, left top, left bottom, from(#30b3dd), to(#01566b));
	background: -moz-linear-gradient(top,  #30b3dd,  #01566b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#30b3dd', endColorstr='#01566b');
}
.blue:active {
	border-top: solid 1px #4285a1;
	background: #014252;
	background: -webkit-gradient(linear, left top, left bottom, from(#014252), to(#2589a9));
	background: -moz-linear-gradient(top,  #014252,  #2589a9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#014252', endColorstr='#2589a9');
}

.green {
	border-top: solid 1px #b4e765;
	background: #648027;
	background: -webkit-gradient(linear, left top, left bottom, from(#98c93b), to(#648027));
	background: -moz-linear-gradient(top,  #98c93b,  #648027);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#98c93b', endColorstr='#648027');
}
.green:hover {
	border-top: solid 1px #d7ff79;
	background: #78992f;
	background: -webkit-gradient(linear, left top, left bottom, from(#b6f147), to(#78992f));
	background: -moz-linear-gradient(top,  #b6f147,  #78992f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6f147', endColorstr='#78992f');
}
.green:active {
	border-top: solid 1px #b4e765;
	background: #648027;
	background: -webkit-gradient(linear, left top, left bottom, from(#648027), to(#98c93b));
	background: -moz-linear-gradient(top,  #648027,  #98c93b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#648027', endColorstr='#98c93b');
}

.yellow {
	border-top: solid 1px #fff04d;
	background: #a78c00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe006), to(#a78c00));
	background: -moz-linear-gradient(top,  #ffe006,  #a78c00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe006', endColorstr='#a78c00');
}
.yellow:hover {
	border-top: solid 1px #ffff99;
	background: #c8a800;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffff07), to(#c8a800));
	background: -moz-linear-gradient(top,  #ffff07,  #c8a800);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff07', endColorstr='#c8a800');
}
.yellow:active {
	border-top: solid 1px #fff04d;
	background: #a78c00;
	background: -webkit-gradient(linear, left top, left bottom, from(#a78c00), to(#ffe006));
	background: -moz-linear-gradient(top,  #a78c00,  #ffe006);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a78c00', endColorstr='#ffe006');
}

.orange {
	border-top: solid 1px #ffc14d;
	background: #a76000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9e06), to(#a76000));
	background: -moz-linear-gradient(top,  #ff9e06,  #a76000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9e06', endColorstr='#a76000');
}
.orange:hover {
	border-top: solid 1px #ffe75c;
	background: #c87300;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbd07), to(#c87300));
	background: -moz-linear-gradient(top,  #ffbd07,  #c87300);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd07', endColorstr='#c87300');
}
.orange:active {
	border-top: solid 1px #ffc14d;
	background: #ff9e06;
	background: -webkit-gradient(linear, left top, left bottom, from(#a76000), to(#ff9e06));
	background: -moz-linear-gradient(top,  #a76000,  #ff9e06);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a76000', endColorstr='#ff9e06');
}

.bigcountdown { width: 303px; height: 252px; overflow: hidden; border: 0px; margin: 0px; padding: 0px; float: left; }
.smallcountdown { position: absolute; background: transparent; width: 440px; height: 113px; overflow: hidden; top: 0px; right: 0px; border: 0px; margin: 0px; padding: 0px; z-index: 500; }

.retail { position: absolute; color: #ffffff; display: block; font-size: .7em; bottom: -1.5em; text-align: center; width: 100%; }
h5 > b { font-weight: normal; font-size: 1.3em; }
h5 { position: relative; overflow: visible; white-space: nowrap; }
h5 > h5{ display: block; }
.retailside { color: #ffffff; text-decoration: line-through; }
/*  COUNTDOWN */
.countdown { position: relative; width: 263px; padding: 0px 20px; height: 252px; background: url(../images/box.jpg) top center no-repeat; cursor: default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.countdown h2 { color: #fff; font-size: 1.8em; text-transform: none; line-height: 2.2em; margin-bottom: 0.6em }
.countdown .information { padding: 0px; margin: 0px; list-style: none; }
.countdown .information  li { padding: 0px; margin: 0px; float: left; }
.countdown .information > .percent { font-size: 95px; line-height: 70px; color: #ffbc00; letter-spacing: -5px; }
.countdown .information > .percent + li { text-align: center; font-size: 23px; line-height: 23px; color: #ffbc00; }
.countdown .information > .percent + li > span { font-size: 50px; line-height: 52px; }
.countdown .information > .price { float: right; text-align: center; font-size: 13px; line-height: 14px; color: #ffffff; }
.countdown .information > .price > span { font-size: 27px; line-height: 29px; color: #98c937; }
.countdown #container { position: absolute; bottom: 0px; left: 0px; display: block; width: 303px; height: 91px; background: url('..../images/box_countdown.jpg'); }
.countdown #countdown_dashboard { width: 203px; height: 91px; float: left; display: block; }
.countdown .expires { font-size: 16px; color: #737c85; text-align: left; float: left; width: 86px; height: 91px; line-height: 91px; padding: 0px 0px 0px 12px; }
.countdown .dash { width: 56px; height: 56px; float: left; position: relative; margin: 11px 3px 0px 0px; padding: 0px 4px; color: #b2b2b2; }
.countdown .weeks_dash { background: url('..../images/dash_weeks.png'); }
.countdown .days_dash { background: url('..../images/dash_days.png'); }
.countdown .hours_dash { clear: left; background: url('..../images/dash_hours.png'); }
.countdown .minutes_dash { background: url('..../images/dash_minutes.png'); }
.countdown .seconds_dash { background: url('..../images/dash_seconds.png'); }
.countdown .dash > .fg { background: url('..../images/dash_sep.png'); display: block; width: 64px; height: 56px; position: absolute; top: 0px; left: 0px; z-index: 10; }
.countdown .dash .digit { font: bold 42px Arial; font-weight: bold; float: left; width: 28px; height: 56px; line-height: 56px; text-align: center; position: relative; }
.countdown .dash_title { display: block; width: 64px; height: 12px; line-height: 12px; position: absolute; text-align: center; bottom: -14px; left: 0px; font-size: 12px; color: #737c85; }

/* END OF COUNTDOWN */

/*  HEADER COUNTDOWN */

.countdown_s { position: relative; width: 440px; overflow: hidden; font-size: .7em; padding: 15px 0px 10px; height: 87px; cursor: default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.countdown_s h2 { color: #fff; font-size: 1.9em; text-transform: none; margin: 0px; width: 100%; }
.countdown_s h2 .buybutton { position: absolute; top: 0px; right: 0px; font-size: .7em }

.countdown_s .information { position: relative; top: 0px; padding: 0px; margin: 0px; list-style: none; float: left; width: 200px; }
.countdown_s .information  li { padding: 0px; margin: 0px; float: left; }
.countdown_s .information  > .title { width: inherit; }
.countdown_s .information > .percent { font-size: 6.6em; position: relative; top: -.1em; line-height: 1em; color: #ffbc00; }
.countdown_s .information > .percent + li { text-align: center; font-size: 2em; line-height: 1em; color: #ffbc00; }
.countdown_s .information > .percent + li > span { font-size: 1.8em; line-height: 1em; }
.countdown_s .information > .price { float: right; text-align: center; font-size: 1.4em; line-height: 1em; color: #ffffff; }
.countdown_s .information > .price > span { font-size: 2em; line-height: 1.4em; color: #98c937; }
.countdown_s #container { position: relative; overflow: hidden; display: block; float: right; top: 5px; width: 225px; height: 80px; }
.countdown_s #countdown_dashboard { position: absolute; width: 203px; height: inherit; top: 0px; right: 0px; display: block; z-index: 1; }
.countdown_s .expires { position: absolute; font-size: 15px; width: 70px; height: 70px; display: block; overflow: hidden; z-index: 0;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
}
.countdown_s .dash { width: 56px; height: 56px; float: left; position: relative; margin: 0px 3px 0px 0px; padding: 0px 4px; color: #b2b2b2; }
.countdown_s .weeks_dash { background: url('..../images/dash_weeks.png'); }
.countdown_s .days_dash { background: url('..../images/dash_days.png'); }
.countdown_s .hours_dash { clear: left; background: url('..../images/dash_hours.png'); }
.countdown_s .minutes_dash { background: url('..../images/dash_minutes.png'); }
.countdown_s .seconds_dash { background: url('..../images/dash_seconds.png'); }
.countdown_s .dash > .fg { background: url('..../images/dash_sep.png'); display: block; width: 64px; height: 56px; position: absolute; top: 0px; left: 0px; z-index: 10; }
.countdown_s .dash .digit { font: bold 42px Arial; font-weight: bold; float: left; width: 28px; height: 56px; line-height: 56px; text-align: center; position: relative; }
.countdown_s .dash_title { display: block; width: 64px; height: 12px; line-height: 12px; position: absolute; text-align: center; bottom: -14px; left: 0px; font-size: 12px; color: #737c85; }
/* END OF HEADER COUNTDOWN */


/*  WAREZ COUNTDOWN */

.warezcountdown { width: 380px; height: 113px; overflow: hidden; border: 0px; margin: 0px; padding: 0px; float: left; }

.countdown_w { position: relative; width: 365px; overflow: hidden; font-size: .7em; padding: 15px 0px 10px; height: 87px; cursor: default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.countdown_w h2 { color: #fff; font-size: 1.9em; text-transform: none; margin: 0px; width: 100%; }
.countdown_w h2 .buybutton { position: absolute; top: 0px; right: 0px; font-size: .7em }

.countdown_w .information { position: relative; padding: 0px; margin: 0px; list-style: none; float: left; width: 125px; }
.countdown_w .information  li { padding: 0px; margin: 0px; float: left; }
.countdown_w .information  > .title { width: inherit; }
.countdown_w .information > .percent { font-size: 6.6em; position: relative; top: -.1em; line-height: 1em; color: #ffbc00; }
.countdown_w .information > .percent + li { text-align: center; font-size: 2em; line-height: 1em; color: #ffbc00; }
.countdown_w .information > .percent + li > span { font-size: 1.8em; line-height: 1em; }
.countdown_w .information > .price { float: right; text-align: center; font-size: 1.4em; line-height: 1em; color: #ffffff; }
.countdown_w .information > .price > span { font-size: 2em; line-height: 1.4em; color: #98c937; }
.countdown_w #container { position: relative; overflow: hidden; display: block; float: right; top: 5px; width: 225px; height: 80px; }
.countdown_w #countdown_dashboard { position: absolute; width: 203px; height: inherit; top: 0px; right: 0px; display: block; z-index: 1; }
.countdown_w .expires { position: absolute; font-size: 15px; width: 70px; height: 70px; display: block; overflow: hidden; z-index: 0;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
}
.countdown_w .dash { width: 56px; height: 56px; float: left; position: relative; margin: 0px 3px 0px 0px; padding: 0px 4px; color: #b2b2b2; }
.countdown_w .weeks_dash { background: url('..../images/dash_weeks.png'); }
.countdown_w .days_dash { background: url('..../images/dash_days.png'); }
.countdown_w .hours_dash { clear: left; background: url('..../images/dash_hours.png'); }
.countdown_w .minutes_dash { background: url('..../images/dash_minutes.png'); }
.countdown_w .seconds_dash { background: url('..../images/dash_seconds.png'); }
.countdown_w .dash > .fg { background: url('..../images/dash_sep.png'); display: block; width: 64px; height: 56px; position: absolute; top: 0px; left: 0px; z-index: 10; }
.countdown_w .dash .digit { font: bold 42px Arial; font-weight: bold; float: left; width: 28px; height: 56px; line-height: 56px; text-align: center; position: relative; }
.countdown_w .dash_title { display: block; width: 64px; height: 12px; line-height: 12px; position: absolute; text-align: center; bottom: -14px; left: 0px; font-size: 12px; color: #737c85; }
/* END OF HEADER COUNTDOWN */