/*******************************************************************************
	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;
}

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

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: bold; text-transform: uppercase; }
div#top span#search { font-weight: bold; text-transform: uppercase; }

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: normal; text-decoration: none; }

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

div.products .right a { font-weight: bold; }
div.products .right .price span { font-weight: bold; }
div.products .right .description { font-weight: bold; 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 label { font-size: 1.2em; }
div#login input { font-size: 1.1em; }

div#login a { 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: #f8fbff; color: #666; }

h1 { color: #193f74; }
h2 { color: #f00 ;}
h3 { color: #000; }
p {}

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

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

input.button {
	background: #193f74;
	color: #fff;
}

.white { color: #fff; }
.blue { color: #305792; }
.red { color: #f00; }

.odd { background: #f8fbff; }

div#header { background: #f8fbff url("images/header.png") no-repeat left top; }
div#header span { background: #f8fbff 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: #305792; }

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

div#topproducts li#printer h1 { background: #193f74 url("images/printer.png") no-repeat left top; }
div#topproducts li#multifunction h1 { background: #193f74 url("images/multifunction.png") no-repeat left top; }
div#topproducts li#toner h1 { background: #193f74 url("images/toner.png") no-repeat left top; }
div#topproducts li#paper h1 { background: #193f74 url("images/paper.png") no-repeat left top; }

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

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-topproducts.gif") repeat-x left bottom; }

div#content div#leftsidebar { background: #e6eaee; }

div#content ul#navigation li { background: #e6eaee url("images/sep-navigation.gif") repeat-x bottom left; }
div#content ul#navigation a { background: #e6eaee; color: #000; }
div#content ul#navigation a:hover { background: #193f74; color: #fff; }

div.products div.row div { background: url("images/sep-navigation.gif") repeat-x left bottom; }
div.products span.order a { background: url("images/btn-additem.gif") no-repeat left top; color: #898989; }

div.pages { color: #000; }
div.pages a, div#main div.pages span { background: #fff; }
div.pages a:hover { background: #193f74; 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: #193f74; color: #fff; }

div#login a { color: #fff; }

div#content div#basket { background: #e6eaee; }

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

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

div#quicklinks li a#doqmentor { background: url("images/btn-doqmentor.png") no-repeat left 0; }
div#quicklinks li a#doqsys { background: url("images/btn-doqsys.png") no-repeat left 0; }
div#quicklinks li a:hover { background-position: left -23px !important; }

div#footer { background: #003c76 url("images/footer.gif") no-repeat left top; color: #fff; }

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

/*******************************************************************************
	LAYOUT
*******************************************************************************/
body {
	padding: 0 0 20px 20px;
	max-width: 910px;
}

h1 {
	margin: 1em 0;
}

p {
	margin: 0.5em 0;
}

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

input.button {
	border: 1px outset #193f74;
	padding: 2px;
}

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

div#header { height: 88px; }
div#header span {
	display: block;
	position: relative;
	height: 40px;
	width: 250px;
	top: 40px;
	left: 25px;
}

div#top { height: 24px; }
div#top span#date {
	float: left;
	position: relative;
	margin: 5px 0 0 20px;
}
div#top span#search {
	float: left;
	position: relative;
	margin: 0 0 0 180px;
}

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

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

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

div#topproducts {
	border-left: 1px solid #98acc9;
	border-right: 1px solid #98acc9;
	padding: 7px 0 0 0;
}

div#topproducts ul { margin: 0 0 0 2px; 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: 60px;
}

div#topproducts li span.description { display:table-cell; padding: 5px 5px 5px 40px; vertical-align: middle; }

div#content {
	display: table;
	border-left: 1px solid #98acc9;
	border-right: 1px solid #98acc9;
	border-bottom: 1px solid #fff;
	padding: 1px 0 5px 0;
	width: 908px;
	border-spacing: 0;
	border-collapse: separate;
}

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

div#content div#leftsidebar {
	display: table-cell;
	width: 160px;
	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#content div#login { padding: 5px 10px 10px 10px; margin: 4px 5px 5px 0; }

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 span.order a {
	display: block;
	width: 78px;
	height: 17px;
	padding: 4px 0 0 10px;
	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 div.pages a, div#main div.pages span {
  padding: 2px 5px;
	border: 1px solid #98acc9;
	float: left;
	margin: 5px 2px 0 0;
}

div#main div.pages a:hover {
	border: 1px solid #193f74;
}

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

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

div.itemlist div.item span {
	display: block;
	float: left;
	margin: 0 5px;
}

div.item span.description { width: 286px; }
div.item span.description h2 { margin: 0 0 10px 0; }

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

div.item span.order { display: block; width: 130px; }
div.item span.order input.text { width: 20px; }
div.item span.order input.tocart { position: relative; top: 6px; }

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

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#login label { display: block; margin: 6px 0 4px 0; }
div#login input { display: block; }
div#login input.text { width: 12.5em; }
div#login input.imgbutton { margin: 10px 0 5px 0; }
div#login a { display: block; }

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;
	border-top: 1px solid #193f74;
}

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: 110px;
	height: 17px;
	padding: 4px 0 0 10px;
	margin: 10px 0 0 0;
}

div#quicklinks { height: 25px; }
div#quicklinks li { display: block; float: left; margin: 1px 0 0 0; }
div#quicklinks li a#doqmentor { display: block; height: 23px; width: 160px; }
div#quicklinks li a#doqsys { display: block; height: 23px; width: 160px; }

#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 {
	display: table-cell;
	height: 21px;
	width: 910px;
	padding: 0 15px;
	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: #193f74;border-bottom:1px solid #2771b0;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 #2771b0;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;
}