body {margin: 0; background: #e0eef7 url(/img/bg.gif) top center repeat-y; font: 11px/1.5 verdana, tahoma, arial; color: #363636; height: auto;}

a {color: #363636; text-decoration: underline;}

img {border: 0;}

html, body {height: 100%;}

form, fieldset {padding: 0; margin: 0; border: 0;}
input, textarea, select {font: 11px/1 verdana, tahoma, arial; color: #363636;}
textarea {line-height: 1.5;}

h2 {padding: 0 0 3px 0; margin: 0 0 5px 0; font-size: 11px; font-weight: bold; background: transparent url(/img/line_dots.gif) bottom left repeat-x;}

#bg {width: 100%; height: 100%; background: transparent url(/img/bg.jpg) top center no-repeat; }
#container {width: 825px; margin: 0 auto; position: relative; min-height: 100%; height:auto !important; height:100%; background: transparent url(/img/container.gif) center repeat-y; }

#header {height: 234px; width: 100%; position: relative; background: transparent url(/img/header.gif) top right no-repeat;}

#logo {padding: 0; margin: 0; background: transparent url(/img/logo.gif) top left no-repeat; height: 234px; width: 266px; position: absolute; top: 0; left: -30px;}
#logo a {font-size: 0px !important; line-height: 0px !important; text-indent: -999px; color: white; height: 224px; width: 266px; display: block;}

.payments {padding: 0; margin: 0; width: 244px; height: 45px; background: transparent url(/img/payments.gif) top left no-repeat; position: absolute; right: 36px; top: 23px;font-size: 0px !important; line-height: 0px !important; text-indent: -999px; color: white;}

#headlines {width: 538px; height: 170px; padding: 45px 40px 0 248px;}
#headlines h2 {font-size: 11px; font-weight: bold; padding: 0 20px 3px 3px; margin: 0; background: transparent url(/img/line_dots.gif) bottom left repeat-x; float: left;}
#headlines h2 span {background: transparent url(/img/dot.gif) center left no-repeat; padding: 0 0 0 12px;}

#nav {width: 100%; height: 32px; line-height: 32px; list-style: none; background: transparent url(/img/nav.gif) top left no-repeat;}
#nav, #nav li {margin: 0; padding: 0;}
#nav li {float: left; position: relative;}
#nav li a {font-size: 10px; font-weight: bold; text-decoration: none; color: #333232; display: block; padding: 0 0 0 20px; margin: 0 5px 0 20px; background: transparent url(/img/nav_li.gif) center left no-repeat;}
#nav li a:hover {text-decoration: underline;}
#nav li.home a {padding: 0 15px 0 0; background: none;}
#nav li.lang {float: right !important; position: relative; padding: 0 15px 0 0;}
#nav li.lang a {display: inline-block; width: 20px; background: none; padding: 0; margin: 0;}

#subnav {width: 809px; height: 35px; line-height: 35px; background: transparent url(/img/subnav.gif) top left no-repeat; color: #fffefe; padding: 0 8px;}
#subnav input, #subnav select {margin: 0; padding: 0; border: 0; background: transparent;}
#subnav input.newsletter {width: 170px; height: 19px; padding: 0 0 0 8px;}
#subnav select.category {width: 173px; height: 17px; margin: 2px 10px 2px 34px;}
#subnav input.search {width: 141px; height: 19px;}
#subnav input.submit {width: 34px; height: 23px; padding: 0; cursor: pointer; color: white; font-weight: bold;}
#subnav form {width: 400px;}

#content {padding: 10px 20px 40px 20px; width: 785px;}

#footer {position: absolute; bottom: 0; height: 32px; width: 795px; background: transparent url(/img/footer.gif) top left no-repeat; line-height: 32px; padding: 0 20px;}
#footer .floatright a {font-weight: bold; text-decoration: none; padding: 0 0 0 15px; margin: 0 0 0 10px; background: transparent url(/img/dot2.gif) left center no-repeat;}

.product-row {margin: 5px 0 0 0; float: left; position: relative; background: transparent url(/img/product-bg.gif) bottom left no-repeat;}
.product {width: 385px; float: left;position: relative; margin: 10px 0 0 0; padding: 0 0 10px 0;}
.product .pic {text-align: center;width: 85px; padding: 0 0 0 5px; float: left; position: relative;}
.product .desc {width: 275px; padding: 0 10px 0 0; float: right; position: relative;}
.product .desc a {float: right; color: #333232; font-weight: bold; text-decoration: none;}
.product .desc a:hover {text-decoration: underline;}


#slider_container {width: 100%; position: relative; height: 135px;}
#slider_bg {width: 846px; background: transparent url(/img/slider.gif) top left no-repeat; position: absolute; top: 0; left: -31px;}
#slider {padding: 10px 0; width: 795px; height: 115px; overflow: hidden; margin: 0 auto; position: relative;}
#slider ul, #slider li {margin:0; padding:0; list-style:none;width: 760px; height: 135px; overflow: hidden; }
#slider li {width: 795px;}
#slider .pic {margin: 15px 9px 0 10px; background: #ccc4b7; padding: 1px; float: left; position: relative;}
#slider .pic img {border: 3px solid white; display: block;}


#prevBtn, #nextBtn {margin: -79px 0 0 22px; padding: 0; font-size: 0px !important; width: 20px; height: 20px; float: left; position: relative;}
#nextBtn {float: right; margin-right: 2px; margin-left: 0;}

#prevBtn a, #nextBtn a {display: block; height: 20px; width: 20px;}
#prevBtn a {background: transparent url(/img/slider-prev.gif) center no-repeat; margin: 0 0 0 -20px;}
#nextBtn a {background: transparent url(/img/slider-next.gif) center no-repeat;}

.icon {padding: 0 0 0 20px;}
.icon-plus {background: transparent url(/img/icon-plus.gif) left center no-repeat;}
.icon-info {background: transparent url(/img/icon-info.gif) left center no-repeat;}
.icon-layout {background: transparent url(/img/icon-layout.gif) left center no-repeat;}
.icon-cat {background: transparent url(/img/icon-cat.gif) left center no-repeat;}
.icon-screenshots {background: transparent url(/img/icon-cat.gif) left center no-repeat;}
.icon-title {background: transparent url(/img/icon-cat.gif) left center no-repeat;}
.icon-pay {background: transparent url(/img/icon-pay.gif) left center no-repeat;}

.w10 {width: 10%;}
.w20 {width: 20%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.w100 {width: 100%;}
.w25 {width: 25%;}
.w75 {width: 75%;}
.w33 {width: 33%;}
.w67 {width: 67%;}

.floatleft, .floatright {position: relative;}
.floatleft {float: left;}
.floatright {float: right;}

.clear {clear: both;font-size: 0px !important; line-height: 0px !important; height: 0px !important;}

table, td {padding: 0; margin: 0; border: 0;}