/*******************************************************************************
	GLOBAL RESET
*******************************************************************************/
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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
form {
 display: inline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*******************************************************************************
	TYPO
	default font: 62.5% = 10px (1em)
*******************************************************************************/
body {
	font: 62.5%/1.2 Tahoma, Arial, Helcetiva, sans-serif;
}

input, textarea {
	font: 100%/1 Tahoma, Arial, Helcetiva, sans-serif;
}

h1 {
	font-size: 1.6em; font-weight: bold;
}

h2 {
	font-size: 1.3em; font-weight: bold; text-decoration: underline;
}

h3 {
	font-size: 1.2em; font-weight: bold;
}

h4 {
	font-size: 1.1em; font-weight: normal;
}

p {
	font-size: 1.2em;
}

strong { font-weight: bold; }

em { font-style: italic; }

a, a:link { text-decoration: none; }
a:visited {}
a:hover { text-decoration: underline; }
a:active {}

.title { font-weight: bold; font-size: 1.5em; }

input.button { font-size: 1.1em; font-weight: bold; text-transform: uppercase; }

div#header span { font-size: 0; line-height: 0; text-indent: -10000px; cursor:pointer;}
div#top span#nav { font-weight: normal; }
div#top span#search { font-weight: normal;  }

div#topproducts h1 { font-size: 0; line-height: 0; text-indent: -10000px; }
div#topproducts li span.description { font-size: 1.1em; }

div#content ul#navigation a { font-size: 1.1em; font-weight: bold; text-decoration: none; }
div#content ul#navigation a.black { font-size: 1.0em; font-weight: normal; text-decoration: none; }

div.products span.order a { font-weight: normal; text-transform: uppercase; text-decoration: none; }
div.products span.order a:hover { color: #f00; }
div.products .left a { font-weight: normal; text-transform: uppercase; text-decoration: none; }

div.products .right a { font-weight: bold; }
div.products .right .price {font-size: 1.1em; font-weight: normal; }
div.products .right .price span {font-size: 1.3em; font-weight: bold; }
div.products .right .description {font-size: 1.0em; font-weight: normal; }

div#basket .title {font-size: 1.1em; font-weight: normal; text-transform: uppercase; }

div.itemlist div.item { font-size: 1.1em; }
div.item span.description h2 { font-size: 1.2em; }
div.item span.price { font-size: 1.2em; font-weight: bold; }

div.pages { font-size: 1.1em; }
div.pages a { text-decoration: none; }
div.pages span { font-weight: bold; }

select.perpage { font-size: 1em; font-weight: bold; }

fieldset { font-size: 1.1em; }
fieldset legend { font-size: 1.2em; font-weight: bold; }
fieldset label { text-align: right; }

fieldset#home-address select#address-type, fieldset#delivery-address select#address-type,
fieldset#billing-address select#address-type {
font-size: 0.9em;
}

ol.lost-pass { font-size: 1.2em; }

div#login .title { font-size: 1.1em; font-weight: normal; text-transform: uppercase; }
div#login label { font-size: 1.2em; }
div#login input { font-size: 1.1em; }
div#login a { font-size: 1.0em; text-decoration: underline;}
div#login p { font-size: 1.1em; font-weight: bold;}

div#basket dt { font-size: 1.1em; font-weight: bold; color: #193f74; }

div#basket .order-btn { font-weight: bold; text-transform: uppercase; text-decoration: none; }

div#content ul#quicklinks li { text-align: center; }

div#quicklinks li a { font-size: 0; line-height: 0; text-indent: -10000px; }

#main dt { font-size: 1.3em; font-weight: bold; }
#main dd { font-size: 1.3em; }

div#footer a { font-weight: bold; }

/*******************************************************************************
	COLORS
*******************************************************************************/
body { background: white; color: #666; }

h1 { color: #881e04; }
h2 { color: #881e04;}
h3 { color: #000; }
p {color: black;}

a, a:link { color: #606060; }
a:visited { color: #606060; }
a:hover { color: #f00; }
a:active { color: #606060; }

input.text {
	background: #fff url("images/input-bg.gif") repeat-x left top; color: #606060;
}

input.button {
	background: #881e04;
	color: #fff;
}

.white { color: black; }
.blue { color: black; }
.red { color: #881e04; }

.odd { background: white; }

div#header { background: url("images/header.png") no-repeat left top; }
div#header span { background: url("images/logo.png") no-repeat left top; }

div#top { background: #f8fbff url("images/top.png") no-repeat left top; }
/*div#top span#date { color: #fff; }*/
div#top span#search { color: #606060; }

div#topproducts { background: url("images/bg-topproducts.gif") repeat-x left top; }

div#topproducts li#printer h1 { background: url("images/tervezes.gif") no-repeat left top; }
div#topproducts li#multifunction h1 { background: url("images/grafika.gif") no-repeat left top; }
div#topproducts li#toner h1 { background: url("images/teszt.gif") no-repeat left top; }
div#topproducts li#paper h1 { background: url("images/iranyitas.gif") no-repeat left top; }

div#topproducts li span.description { background: transparent; }

div#topproducts a span { color: #727476; }
div#topproducts a:hover span { color: #f00; }

/*div#topproducts li#printer span { background: #e6eaee url("images/icon-printer.gif") no-repeat 7px center; }
div#topproducts li#multifunction span { background: #e6eaee url("images/icon-multifunction.gif") no-repeat 7px center; }
div#topproducts li#toner span { background: #e6eaee url("images/icon-toner.gif") no-repeat 7px center; }
div#topproducts li#paper span { background: #e6eaee url("images/icon-paper.gif") no-repeat 7px center; }*/

div#content { background: #fff url("images/bg-topproducts2.gif") no-repeat left top; }

div#content div#leftsidebar { background: url("images/top-leftsidebar.gif") no-repeat left top; }
div#content div#rightsidebar { background: url("images/rightsidebar_bg.gif") no-repeat left top; }

div#content ul#navigation li { background: url("images/bg-leftsidebar.gif") repeat-y left top; border-bottom: 1px #cccccc solid; }
div#content ul#navigation a { color: #8c2003; }
div#content ul#navigation a.black { color: #606060; }
div#content ul#navigation a:hover { color: #95402c; }
div#content ul#navigation a.black:hover { color: black; }

div.products .right .description { color: black; }
div.products .right .price { color: black; }
div.products div.row div { background: url("images/sep-navigation.gif") repeat-x left top; }
div.products span.order a { background: url("images/button-ok.gif") no-repeat left center; color: #881e04; }

div.pages { color: #000; }
div.pages a, div#main div.pages span { background: #fff; }
div.pages a:hover { background: #881e04; color: #fff; }
div.pages span { color: #f00; }

select.perpage { background: #e6eaee; }

/*form.registration { background: url("images/sep-navigation.gif") repeat-x left bottom; }*/

fieldset#home-address select#address-type, fieldset#delivery-address select#address-type,
fieldset#billing-address select#address-type {
background: url("images/input-bg.gif");
}

fieldset#home-address select#address-type option, fieldset#delivery-address select#address-type option,
fieldset#billing-address select#address-type option {
background: #fff;
}

div#content div#login { background: none; color: black; }

div#login a { color: #881e04; }

div#content div#basket { background: url("images/rightsidebar_bg.gif") no-repeat left top; }

div#basket .order-btn { background: url("images/megrendeles.gif") no-repeat left top; color: #898989; }
div#basket .order-btn:hover { color: #f00; }
div#basket a { color: #881e04; }

div#quicklinks { background: url("images/footer-sep.gif") no-repeat top; }

div#quicklinks li a#doqmentor { background: url("images/codegear.gif") no-repeat left 0; }
div#quicklinks li a#doqsys { background: url("images/codegear_out.gif") no-repeat left 0; }
div#quicklinks li a#earthlink { background: url("images/earthlink.gif") no-repeat left 0; }
div#quicklinks li a#sigma { background: url("images/sigma.gif") no-repeat left 0; }
div#quicklinks li a#tech { background: url("images/tech.gif") no-repeat left 0; }
div#quicklinks li a#bt { background: url("images/bt.gif") no-repeat left 0; }
div#quicklinks li a#eds { background: url("images/eds.gif") no-repeat left 0; }
/*div#quicklinks li a:hover { background-position: left -23px !important; }*/

div#footer { background: url("images/footer.gif") no-repeat left bottom; }

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active { color: #606060; }

div.item span.description a { color: #881e04;}
div.item span.image a:hover { color: red; text-decoration: none;}
div.item span.description { color: black;}
div.item { background: url("images/sep-navigation.gif") repeat-x left bottom; }
div.item span.order input.text { border: 1px solid #881e04;}

h4 { color: black;}
div#main .order-btn {background: url("images/megrendeles.gif") no-repeat left top; }
/*******************************************************************************
	LAYOUT
*******************************************************************************/
body {
	padding: 0 0 20px 20px;
	max-width: 910px;
}

h1 {
	margin: 0 0;
}

h2 {
	margin: 0.5em 0;
}

p {
	margin: 0.5em 0;
}

input.text {
	border: 1px solid #b4bec8;
	padding: 2px;
}

input.button {
	border: 1px outset #881e04;
	padding: 2px;
	cursor: pointer;
}

div#header, div#top {
	width: 930px;
}

div#header { height: 90px; }
div#header span {
	display: block;
	position: relative;
	height: 65px;
	width: 390px;
	top: 44px;
	left: 25px;
}

div#top { height: 22px; }
/*div#top span#date {
	float: left;
	position: relative;
	margin: 5px 0 0 20px;
}*/
div#top span#search {
	float: right;
	position: relative;
	margin: 0 0 0 0;
}

div#top span#search form input.text { margin: 3px 0 0 10px; }
div#top span#search form input.imgbutton {
	position: relative;
	top: 2px;
	margin: 0 15px 0 5px;
}

div#top span#nav { float: right; margin: 6px 15px 0 0; }

div#top span#nav ul li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 6px 0 0;
	border-right: 1px solid #606060;;
}

div#topproducts {
	padding: 7px 0 0 0;
	width: 930px;
}

div#topproducts ul { margin: 0 0 0 13px; padding: 0 0 4px 0; }
div#topproducts ul li {
	float: left;
	width: 220px;
	margin: 0 0 0 5px;
}

div#topproducts ul li h1 {
	display: block;
	width: 220px;
	height: 112px;
}

div#topproducts li span.description {margin-top: -80px; display:block; padding: 5px 50px 5px 25px; vertical-align: middle; }

div#content {
	display: table;
	border-bottom: 1px solid #fff;
	padding: 10px 0 5px 10px;
	width: 930px;
	border-spacing: 0;
	border-collapse: separate;
  margin-top: 13px; 
}

div#content div#container {
	display: table-row; 
}

div#content div#leftsidebar {
	display: table-cell;
	width: 156px;
	padding: 0px;
}

div#content div#rightsidebar {
	display: table-cell;
	width: 170px;
	padding: 0px;
}

div#content div#main {
	display: table-cell;
	padding: 10px; 
}

div#content ul#navigation { margin: 0px 0 20px 0; }
div#content ul#navigation li { padding: 0px 0 1px 0; }
div#content ul#navigation a { display: block; padding: 5px; }
div#content ul#navigation a.newsletter { border-top: 2px solid #fff; border-bottom: 2px solid #fff; }

div#content ul#partners { position: relative; }
div#content ul#partners .title { display: block; margin: 0 0 10px 5px; }
div#content ul#partners li { display: block; }

div.products {
	display: table;
	width: 100%;
	border-spacing: 5px; 
}

div.products div.row {
	display: table-row; 
}

div.products div.row div {
	display: table-cell;
	padding: 5px 5px 10px 5px; 
}

div.products .left {
	display: block;
	float: left;
	width: 90px; 
}

div.products .left a { margin-top: 20px; }

div.products span.order a {
	display: block;
	width: 50px;
	height: 17px;
	padding: 5px 0 0 18px;
	margin: 5px 0 0 0;
}


div.products .right {
	display: block;
	float: right;
	width: 165px;
}

div.products .right span { display: block; margin: 0 0 5px 0; }

div#main div.pages { 
  padding: 1px ;
	margin: 20px 0 55px 0;
}

div#main .order-btn {display: block;
	width: 131px;
	height: 33px;
	float:right;
}

div#main div.pages a, div#main div.pages span {
  padding: 2px 5px;
	border: 1px solid #881e04;
	float: left;
	margin: 5px 2px 0 0;
}

div#main div.pages a:hover {
	border: 1px solid #881e04;
}

div.itemlist div.header {
	margin: 0 0 4px 0;
}

div.itemlist div.item {
	padding: 2px;
	padding-top: 10px;
	float: left;
}

div.itemlist div.item span {
	display: block;
	float: left;
	margin: 0 5px;
}
div.item .image { width: 80px; }
div.item span.description { width: 450px; }
div.item span.description h2 { margin: 0 0 10px 0; }

div.item span.price {
	display: block;
	padding: 2px 0 5px 0;
}

div.item span.order {display: block; width: 420px; padding-left:110px; }
div.item span.order h4 { margin-top: 3px; }
div.item span.order input.text { width: 20px; margin-left:110px;}
div.item span.order input.tocart { position: relative; top: 6px; }
div.item span.order input.fromcart { position: relative; top: 6px; margin-bottom: 5px; margin-top: 5px; }

div#main input.tocart { position: relative; top: 3px; }

select.perpage {
	border: 1px solid #7f92a9;
	padding: 2px;
}

form.registration {
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
}

fieldset { display: block; }

fieldset li { margin: 5px; }

fieldset label {
	display: block;
	width: 120px;
	float: left;
	padding: 0 10px 0 0;
}

fieldset#personal input, fieldset#company input {
	display: block;
	width: 235px;
	float: left;
}

fieldset#home-address input#postcode, fieldset#delivery-address input#postcode,
fieldset#billing-address input#postcode {
	width: 30px;
}

fieldset#home-address input#town, fieldset#delivery-address input#town,
fieldset#billing-address input#town {
	width: 188px;
	margin: 0 0 0 1em;
}

fieldset#home-address input#address-num, fieldset#delivery-address input#address-num,
fieldset#billing-address input#address-num {
	width: 50px;
}

fieldset#home-address select#address-type, fieldset#delivery-address select#address-type,
fieldset#billing-address select#address-type {
	border: 1px solid #7f92a9;
	padding: 1px;
	margin: 0 2px;
}

ol.lost-pass { list-style: decimal inside; }

div#content div#login { padding: 5px 10px 10px 10px; margin: 1px 5px 5px 0; }
div#login .title { position: relative; top: -12px; }
div#login label { display: block; margin: 6px 0 4px 0; }
div#login input { display: block; }
div#login input.text { width: 8.5em; }
div#login input.imgbutton { margin: -17px 0 5px 108px; }
div#login a { display: block; margin-top: 5px; }
div#login p { margin-top: -2px;}

div#content div#basket {
	padding: 5px 10px 10px 10px;
	margin: 5px 5px 5px 0;
}

div#basket dt {
	display: block;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

div#basket dd {
	display: block;
	margin: 0 0 0 5px;
}

div#basket dt.first { border-top: 0; padding: 0; }

div#basket .order-btn {
	display: block;
	width: 131px;
	height: 33px;
	padding: 4px 0 0 10px;
	margin: 10px 0 0 0;
}

div#quicklinks { height: 20px; margin: 0 0 0 15px; padding-top: 5px;}
div#quicklinks li { display: block; float: left; margin: 1px 0 0 0; }
div#quicklinks li a#doqmentor { display: block; height: 32px; width: 40px; }
div#quicklinks li a#doqsys { display: block; height: 32px; width: 50px; }
div#quicklinks li a#earthlink {margin-left: 391px; display: block; height: 32px; width: 84px; }
div#quicklinks li a#sigma { display: block; height: 32px; width: 100px; }
div#quicklinks li a#tech { display: block; height: 32px; width: 105px; }
div#quicklinks li a#bt { display: block; height: 32px; width: 65px; }
div#quicklinks li a#eds { display: block; height: 32px; width: 60px; }

#main dl { display: block; }
#main dl span { display: block; border-bottom: 1px solid #f8fbff; }
#main dl dt { display: block; width: 300px; float: left; }
#main dl dd { display: block; width: 250px; float: left; }
#main dl .sub dd { margin: 0 0 0 50px; }
div#footer {
	height: 20px;
	width: 882px;
	padding: 23px 24px 0 24px;
	vertical-align: middle; 
}

.last {
	border: 0px !important;
}

.floatleft { float: left; }
.floatright { float: right; }

img.floatleft { margin: 0 10px 10px 0; }
img.floatright { margin: 0 0 10px 10px; }

hr.clear { clear: both; }

/*******************************************************************************
	CLEARS
*******************************************************************************/
fieldset:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
fieldset ul:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
fieldset ul li:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
div#top:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
div#topproducts:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
div#topproducts ul:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
div#content:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
div.products div.row div:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
div.itemlist:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
div.item:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
/*div.item span.price:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }*/
div#login form:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
div#doq:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
div#doq ul:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
#main dl span:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
/*******************************************************************************
	DEBUG
*******************************************************************************/
.debug { outline: 1px solid #f00; }
.iedebug { border: 1px solid #f00; }

.ieclear {
clear: both;
}

#main ul#search {
 width: 540px;
 margin: 0 18px 0 18px;
 padding: 0;
 list-style: none;
}
#main ul#search {
 margin: 0 auto;
 float: left;
}
#main ul#search li {
 margin: 0 0 10px 0;
 padding: 3px 50px 0 0;
 float: left;
}
#main ul#search label {
 display: block;
 width: 100px;
 text-align: right;
 float: left;
}
#main ul#search input, #main ul#search select {
 float: left;
 margin: 0 0 0 20px;
}
ul#search li.search { font-size: 12px; color: #2771b0; font-weight: bold; padding: 3px 0 0 200px; margin: 3px; border-top: 3px solid #f0f2e7; }

.floatleft2{float:left;}
.floatright2{float:right;}

.basket{font-size:12px;}

.basket-list .text{font-size:10px;}

.basket .del{text-align:center;width:51px;}

.basket-header span{background: #9e5640;border-bottom:1px solid #701a0b;color:#fff;}

.basket-list.odd span,.basket-list.odd div{background:#ededed;}

.basket-list span{background:#fafafa;}

.basket-sum span{background:#e7e2d3;border-top:1px solid #701a0b;color:#000;}

.basket span,.basket div{display:block;float:left;}

.basket-header span,.basket-list.odd span,.basket-list span,.basket-sum span{margin:0 2px 2px 0;padding:9px 5px 8px;}

.basket-sum{margin:0 0 10px;}

.basket-list div.amount{padding:0 6px;}

.basket-list span.del{height:16px;padding:8px 5px 5px;}

.basket .name{width:170px;}

.basket .price{width:64px;}

.basket .amount{width:95px;}

//.basket .amount2{width:95px; margin: 5px 0px 0px 0px;}

.basket .subprice{width:103px;}

.basket .total{width:352px;}

.basket .sum{width:166px;}

.refresh_basket {
	background: url(../theme/images/tocart.gif);
	width: 16px;
	height: 21px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	padding: 0px;
	cursor: pointer
	}
.delete_basket {
	background: url(../theme/images/fromcart.gif);
	width: 16px;
	height: 21px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	padding: 0px;
	cursor: pointer
	}
.right_text {
	padding-left: 200px;
	padding-top: 30px;
	margin-left: 100px;
}