body {
	width: 100%;
	height: 100%;
	background: #e5e5e5 url(/gfx/page-bg.png) repeat-x;
	font-family: Arial, Verdana, Sans-serif;
	font-size: 12px;
	color: #21271F;
	text-align: center;
}

a {
	color: #000;
}

p {
	margin-bottom: 6px;
}

#page {
	margin: 0px auto;
	overflow: hidden;
	width: 979px;
	text-align: left;
}

.container_18 {
	margin: 0px auto;
	overflow: hidden;
}

/* Top */
#top {
	position: relative;
	background: url(/gfx/top-bg.png) no-repeat;
    height: 174px;
}
#logo a {
	text-decoration: none;
}
#logo h1 {
	position: absolute;
	top: 92px;
	left: 0px;
	background: url(/gfx/computeam.png) no-repeat;
	text-indent: -1000px;
	width: 234px;
	height: 28px;
}
#search {
	position: absolute;
	top: 94px;
	right: 0px;
}
#search input {
	margin: 0px;
	padding: 4px 4px 0px 20px;
	font-size: 11px;
	line-height: 11px;
	background: url(/gfx/misc.png) no-repeat left -166px;
	width: 130px;
	height: 19px;
	border: 0px;
}

/* Footer */
#footer {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #cfcfcf;
	text-align: center;
}

/* Headers */
.header {
	padding-left: 20px;
	margin-bottom: 0px;
	height: 30px;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	color: #fff;
}

/* Menu */
#menu .body {
	padding: 1px 2px 0px;
}
/* Information */
#info ul {
	margin: 0px;
	list-style: none;
}
#info ul li {
	margin: 0px;
	padding: 4px 10px;
	border-bottom: 1px dotted #cfcfcf;
}
#info ul li.last {
	padding-bottom: 0px;
	border-bottom: none;
}
#info ul li a {
	display: block;
	text-decoration: none;
}
#info ul li a:hover {
	text-decoration: underline;
}

/* Products */
#products ul {
	margin: 0px;
	list-style: none;
}
#products .body > ul > li {
	margin: 0px;
	padding: 0px;
	border-top: 1px dotted #cfcfcf;
}
#products .body > ul > li > a {
	display: block;
	padding: 0px 10px;
	height: 27px;
	text-decoration: none;
	line-height: 27px;
	background-image: url(/gfx/misc.png);
	background-repeat: no-repeat;
	background-position: left -286px;
}
#products .body > ul > li > a:hover {
	text-decoration: underline;
}
#products .body > ul > li.current > a {
	background-image: url(/gfx/misc.png);
	background-repeat: no-repeat;
	background-position: left -256px;
	font-weight: bold;
}
#products .body > ul > li.current,
#products .body > ul > li.first {
	border-top: none;
}
/* Sub */
#products .body ul ul li {
	margin: 0px;
	padding: 0px 10px;
	height: 21px;
	line-height: 21px;
}
#products .body ul ul li a {
	display: block;
	text-decoration: none;
}
#products .body ul ul li a:hover {
	text-decoration: underline;
}
#products .body ul ul li.current a {
	font-weight: bold;
}
#products .body ul ul.last li.last {
	border-bottom: none;
}

/* Box 154 */
.box-154 {
	margin-bottom: 11px;
	width: 154px;
}
.box-154 h4, .box-154 > .top {
	padding: 2px 0px 0px 12px;
	margin-bottom: 0px;
	height: 30px;
	background: url(/gfx/box-topbottom.png) no-repeat -879px top;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	color: #fff;
}
.box-154 > .body {
	padding: 10px 5px 0px;
	background: url(/gfx/box-body.png) repeat-y -879px top;
}
.box-154 > .bottom {
	height: 7px;
	background: url(/gfx/box-topbottom.png) no-repeat -879px bottom;
}
/* List */
#sidebar .box-154 .body ul {
	margin: 0px;
	list-style: none;
}
#sidebar .box-154 .body ul li {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
    border-bottom: 1px dotted #cfcfcf;
}
#sidebar .box-154 .body ul li.last {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#sidebar .box-154 .body ul li img {
	margin: 0px 8px 5px 0px;
	float: left;
}
#sidebar .box-154 .body ul li a {
	display: block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
/* Box 209 */
.box-209 {
	margin-bottom: 11px;
	width: 209px;
}
.box-209 > .top {
	height: 7px;
	background: url(/gfx/box-topbottom.png) no-repeat -659px top;
}
.box-209 > .body {
	padding: 5px 10px;
	min-height: 260px;
	background: url(/gfx/box-body.png) repeat-y -659px top;
}
.box-209 > .bottom {
	height: 7px;
	background: url(/gfx/box-topbottom.png) no-repeat -659px bottom;
}
/* Single teaser */
.box-209 .single a {
	text-decoration: none;
}
.box-209 .single h3 {
	margin: 0px 0px 8px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
}
.box-209 .single p {
	font-size: 12px;
}
.box-209 .single .price span {
	padding: 0px 3px;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
	background: url(/gfx/misc.png) no-repeat left -41px;
	text-transform: uppercase;
}
/* List teasers */
.box-209 .list ul {
	margin: 0px;
}
.box-209 .list ul li {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted #cfcfcf;
}
.box-209 .list ul li.last {
	padding-bottom: 0px;
	border-bottom: none;
}
.box-209 .list ul li img {
	margin: 0px 8px 5px 0px;
	float: left;
}
.box-209 .list ul li a {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.box-209 .list .price span {
	padding: 0px 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	color: #fff;
	background: url(/gfx/misc.png) no-repeat left -74px;
	text-transform: uppercase;
}
/* Campaign */
.box-209 .campaign a {
	text-decoration: none;
}
.box-209 .campaign h3 {
	margin: 0px 0px 8px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
}
.box-209 .campaign .price {
	margin-bottom: 5px;
}
.box-209 .campaign .price span {
	padding: 0px 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	color: #fff;
	background: url(/gfx/misc.png) no-repeat left -74px;
	text-transform: uppercase;
}
/* Box 649 */
.box-649 {
	margin-bottom: 11px;
	width: 649px;
}
.box-649 > .top {
	height: 7px;
	background: url(/gfx/box-topbottom.png) no-repeat;
}
.box-649 > .body {
	position: relative;
	padding: 0px 10px;
	min-height: 200px;
	background: url(/gfx/box-body.png) repeat-y;
}
.box-649 > .bottom {
	height: 7px;
	background: url(/gfx/box-topbottom.png) no-repeat left bottom;
}
/* Frontpage teaser */
#frontpageteaser > .body {
	margin: 0px;
	height: 235px;
}
#frontpageteaser .body .panel {
	position: absolute;
	top: 0px;
	left: 15px;
	width: 629px;
}
#frontpageteaser .body .panel .text {
	margin: 10px 0px;
    width: 390px;
    float: left;
}
#frontpageteaser .body .panel .picture {
	width: 235px;
	height: 235px;
	text-align: center;
    float: left;
    line-height: 235px;
}
#frontpageteaser .body .panel .picture img {
    display: inline;
    vertical-align: middle;
}
#frontpageteaser .body .panel h3 {
	margin: 0px 0px 8px;
	padding: 0px;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
}
#frontpageteaser .body .panel h4 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
}
#frontpageteaser .body .panel p {
	font-size: 12px;
}
#frontpageteaser .body .panel a {
	text-decoration: none;
}
#frontpageteaser .body .panel .price {
	margin-bottom: 15px;
}
#frontpageteaser .body .panel .price span {
	padding: 0px 4px;
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	background: url(/gfx/misc.png) no-repeat;
	text-transform: uppercase;
}
#frontpageteaser .body .panel a.addtobasket {
	width: 119px;
	height: 23px;
	background: url(/gfx/misc.png) no-repeat left -99px;
	text-indent: -1000px;
	text-decoration: none;
	display: block;
}
#frontpageteaser > .bottom {
	height: 35px;
	background: url(/gfx/teaser-bottom.png) no-repeat;
}
#frontpageteaser .crawl {
	position: relative;
	margin: 7px 0px 0px 10px;
	float: left;
	width: 500px;
}
#frontpageteaser .crawl p {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 13px;
	font-weight: bold;
}
#frontpageteaser .pages {
	margin: 5px 8px 0px 0px;
	width: 130px;
	float: right;
}
#frontpageteaser .pages a {
	margin-right: 1px;
	display: block;
	width: 25px;
	height: 24px;
	background: url(/gfx/misc.png) no-repeat -25px -132px;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	float: left;
}
#frontpageteaser .pages a:hover, #frontpageteaser .pages a.current {
	background-position: 0px -132px;
}

/* Error page */
.error h3 {
	margin-bottom: 0px;
}

/* Login form */
.login p.error {
	padding: 2px 4px;
	background: #ff9090;
	width: auto;
}
.login fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.login legend {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.login ol {
	margin: 30px 0px;
	padding: 0px;
	list-style: none;
}
.login ol li {
	margin: 0px 0px 20px;
	padding: 0px;
}
.login label {
	position: relative;
	margin: 3px 10px 0px 0px;
	padding: 0px;
	text-align: right;
	width: 120px;
	font-size: 12px;
	float: left;
	display: block;
}
.login label strong {
	position: absolute;
	top: 0px;
	left: 345px;
	width: 200px;
	color: #666;
	text-align: left;
}
.login input {
	width: 200px;
	height: 14px;
	font-size: 11px;
	line-height: 14px;
}
.login input#submit {
	margin-left: 130px;
	width: auto;
	height: auto;
}

/* Article page */
.page p img.top {
	margin-bottom: 10px;
}
.page p img.bottom {
	margin-top: 10px;
}
.page p img.left {
	margin: 0px 10px 10px;
	float: left;
}
.page p img.right {
	margin: 0px 0px 10px 10px;
	float: right;
}

/* Categories */
.categories h4 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
    border-bottom: 1px dotted #cfcfcf;
}
.categories table.list {
	width: 629px;
}
.categories table.list tr {
    border-bottom: 1px solid #eee;
}
.categories table.list tbody tr {
	line-height: 26px;
}
.categories table.list .description {
	width: 499px;
}
.categories table.list .description a {
	display: block;
	text-decoration: none;
}
.categories table.list .description a:hover {
	text-decoration: underline;
}
.categories table.list .stock {
	width: 50px;
	text-align: right;
}
.categories table.list .stock .stock-yes {
	margin-right: 9px;
	float: right;
}
.categories table.list .stock .stock-no {
	margin-right: 9px;
	float: right;
}

.categories table.list .price {
	width: 80px;
	text-align: right;
}

/* Product */
.stock-yes {
	margin-right: 5px;
	width: 12px;
	height: 12px;
	background: url(/gfx/misc.png) no-repeat -64px -134px;
	float: left;
}
.stock-no {
	margin-right: 5px;
	width: 12px;
	height: 12px;
	background: url(/gfx/misc.png) no-repeat -76px -134px;
	float: left;
}
.stock-soon {
	margin-right: 5px;
	width: 12px;
	height: 12px;
	background: url(/gfx/misc.png) no-repeat -88px -134px;
	float: left;
}
.product img {
	float: right;
}
.product h3 {
	margin: 5px 0px 8px;
	padding: 0px;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
}
.product h4 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
}
.product p {
	font-size: 12px;
}
.product .price span {
	padding: 0px 4px;
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	background: url(/gfx/misc.png) no-repeat;
	text-transform: uppercase;
}
.product .infos {
	padding-top: 10px;
	margin-top: 10px;
    border-top: 1px dotted #cfcfcf;
    width: 350px;
}
.product .specs {
	margin-top: 20px;
}
.product .specs h4 {
    border-bottom: 1px dotted #cfcfcf;
}
.product .specs table.list {
	width: 629px;
}
.product .specs table.list tbody tr {
	line-height: 22px;
    border-bottom: 1px solid #eee;
}

/* Computer frontpage */
.computer-front {
    position: relative;
}
.computer-front .body {
    height: 400px;
}
.computer-front .gamer {
    position: absolute;
    top: 40px;
    left: 160px;
}
.computer-front .study {
    position: absolute;
    top: 160px;
    left: 160px;
}
.computer-front .workstation {
    position: absolute;
    top: 270px;
    left: 160px;
}

/* Computers (list) */
.computers h4 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
    border-bottom: 1px dotted #cfcfcf;
}
.computers table.list {
	width: 629px;
}
.computers table.list tr {
    border-bottom: 1px solid #eee;
}
.computers table.list tbody tr {
	line-height: 26px;
}
.computers table.list .description {
	width: 499px;
}
.computers table.list .description a {
	display: block;
	text-decoration: none;
}
.computers table.list .description a:hover {
	text-decoration: underline;
}
.computers table.list .stock {
	width: 50px;
	text-align: right;
}
.computers table.list .stock .stock-yes,
.computers table.list .stock .stock-soon,
.computers table.list .stock .stock-no {
	margin-right: 9px;
	float: right;
}
.computers table.list .price {
	width: 80px;
	text-align: right;
}

/* Computer */
.computer .specs .val a {
    text-decoration: none;
}
.computer .specs .val a:hover {
    text-decoration: underline;
}