/*
	CSS Style Definitions for 
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ background-color:#eae9e9; }
body{ text-align:center; font-family:Tahoma, Arial, sans-serif; }
.inside a,.inside a:link,.inside  a:visited,.inside  a:active{color:#0101EB;}
#page-container{ width:776px; margin:17px auto; text-align:left; border:1px solid #c2c2c2; overflow:auto; font-size:95%; }
	#header{ width:776px; float:left; background: #e4e4e6 url("../images/top-bg.gif") repeat-x; color:#222; }
		#header ul{ display:block; overflow:auto; clear:both; margin:0; padding:0; }
		#header ul li{ margin:0 10px; padding:0; list-style:none; line-height:30px; }
		#header ul li a{ color:#222; font-weight:bold; text-decoration:none; }
	#content{ width:776px; float:left; background: #fff url("../images/left-bg.gif") repeat-y; clear:both; }
		#left-side{ width:177px; float:left; }
			ul.nav{ margin:28px 0 0 0; padding:0; border-bottom:1px solid #dbdbdb; }
			ul.nav li{ margin:0; padding:0; list-style:none; background:url("../images/left-gradient.gif") repeat-x; line-height:28px; border-top:1px solid #dbdbdb; border-bottom:1px solid #fff; }
			ul.nav li.first{ border-top: none; }
			ul.nav li a, ul.nav li a:link, ul.nav li a:visited{ color:#242426; text-decoration:none;display:block; margin:0 0 0 18px; background:url("../images/arrow.gif") no-repeat left center; padding-left:10px; }
			ul.nav li a#on, ul.nav li a:hover, ul.nav li a:active{ text-decoration:underline; }
		#right-side{ width:598px; float:right; font-size:12px; }
	#footer{ width:776px; float:left;border-top:1px solid #1c1c1c; background:#fff; }
		#footer p{ float:left; padding: 6px; margin:0; }		
		#footer ul{ float:right; margin:0; padding:6px; }
		#footer ul li{ margin:0; padding:0 10px; list-style:none; float:left; }
		#footer ul li.bordered{ border-left:1px solid #2b2b2b; }
		#footer ul li a, #footer ul li a:link, #footer ul li a:visited{ color:#2b2b2b; text-decoration:none; }
		#footer ul li a:hover, #footer ul li a:active{  }


/* site wide elements */
.inside{ padding:13px 13px 0 13px; }
.intro{ color:#797979; }



#navigator{ background:url("../images/navigator-top.jpg") no-repeat; width:587px; height:376px; margin:0 auto; margin-top:16px; }
#hover-state{ width:587px; height:376px; position:relative; }
#navigator a{ display:block; width:108px; height:122px; position:absolute; }

#navigator a#konica{ top:49px; left:140PX; }
#navigator a#contact{ top:49px; left:252px; }
#navigator a#top12{ top:49px; left:362px; }
#navigator a#printing{ top:176px; left:140px; }
#navigator a#colour{ top:176px; left:251px; }
#navigator a#scanning{ top:176px; left:362px; }

#navigator a#top12:hover{ background:url("../images/hover/top.gif"); }
#navigator a#konica:hover{ background:url("../images/hover/konika.gif"); }
#navigator a#contact:hover{ background:url("../images/hover/contact.gif"); }
#navigator a#scanning:hover{ background:url("../images/hover/scanning.gif"); }
#navigator a#colour:hover{ background:url("../images/hover/colour.gif"); }
#navigator a#printing:hover{ background:url("../images/hover/printinh.gif"); }

#navigator a#office{ width:79px; height:63px; top:99px; left:51px; text-indent:-9999em; }
#navigator a#purchasing{ width:79px; height:63px; top:167px; left:51px; text-indent:-9999em; }
#navigator a#it{ width:79px; height:63px; top:234px; left:51px; text-indent:-9999em; }

#navigator .link1{ top:49px; left:140px; }
#navigator .link2{ top:49px; left:251px; }
#navigator .link3{ top:49px; left:362px; }
#navigator .link4{ top:176px; left:140px; }
#navigator .link5{ top:176px; left:251px; }
#navigator .link6{ top:176px; left:362px; }


dl.box{ margin:0; padding:0; width:183px; float:left; }
dl.box.middle{ margin:0 11px; }
dl.box dt{ margin:0; padding:0; }
dl.box dt img{ display:block; }
dl.box dd{ color:#fff; background:url("../images/box-bg.gif") repeat-y; margin:0; padding:0 10px 10px 10px; }
dl.box dd.more{ background:url("../images/box-bottom.gif") no-repeat; line-height:32px; text-align:center; padding:0; }
dl.box dd.more a{ color:#fff !important; text-decoration:none; }

dl.box .box_image a {text-decoration:none;}
dl.box .box_image{height:196px; text-align:center; padding:10px 0 0 0;}
dl.box .box_image span{font-size:16px; color:#6B6B6B; font-family:arial,helvetica,clean,sans-serif;}
dl.box .a{background:url("../images/box-a.jpg") no-repeat;}
dl.box .b{background:url("../images/box-b.jpg") no-repeat;}
dl.box .c{background:url("../images/box-c.jpg") no-repeat;}

#columns{ width:598px; background:url("../images/split-middle.gif") repeat-y; float:left; font-size:11px; }
	#split-middle{ width:393px; }
	.ie6 #split-middle{ float:left; }
		.product-description{ background:#fff url("../images/large-gradient.gif") repeat-x left bottom; width:393px; float:left; min-height:732px; height:auto !important; height:732px; }
			.product-description h1{ color:#676767; font-weight:bold; margin:0; font-size:25px; }
			.product-description h1 em{ color:#000; font-weight:normal; float:right; font-style:normal; }
			.product-description h4{ margin-bottom:12px; }
	#split-right{ width:204px; float:right; }

h3.colorful{ background:url("../images/colorfull.gif") no-repeat left bottom; padding-bottom:14px; margin:0 0 12px; font-size:16px; font-weight:normal; }
img.brand-name{ border:1px solid #b3b3b3; float:right; margin:0 0 16px 20px; }
.add-padding{ padding:14px; }
.add-padding2{ padding:14px 7px 14px 14px; }

div.pager{ background:url("../images/pager.jpg") no-repeat; margin:10px 0 10px 14px; width:367px; float:left; height:38px; }
.ie6 div.pager{ margin:10px 0 10px 7px; }
div.pager a{ color:#464646; font-size:15px; line-height:17px; display:block; text-decoration:none; margin-top:10px }
div.pager a.prev{ background:url("../images/left-pager.gif") no-repeat; padding-left:25px; margin-left:10px; }
div.pager a.next{ background:url("../images/right-pager.gif") no-repeat top right; padding-right:25px; float:right; margin-right:10px; }
.ie6 div.pager a.next{ margin-right:5px; }
div.pager a.prevDisable{ color:#a3a2a2; background-position:top left !important; }
div.pager a.nextDisable{ color:#a3a2a2; background-position:top right !important; }
div.pager a.prevLit{ background-position:left bottom !important; }
div.pager a.nextLit{ background-position:right bottom !important; }

div.product-large{ display:block; position:relative; width:204px; height:210px; }
div.product-large img#productimg{ position:absolute; z-index:10; }
div.product-large a.zoomBig{ position:absolute; z-index:20; left:-1px; bottom:-1px; }

p.enlarger{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#818181; padding:5px 10px; margin:0; }

ul.product-images{ margin:0; padding:0; width:204px; overflow:hidden; }
ul.product-images li{ margin:0; padding:0; list-style:none; float:left; border-bottom:1px solid #ccc; }
ul.product-images li.middle{ border-left:1px solid #ccc; border-right:1px solid #ccc; }
ul.product-images li a{ display:block; width:68px; height:70px; position:relative; }
ul.product-images li.middle a{ width:66px; }
ul.product-images li a img{ position:absolute; bottom:-1px; left:-1px; }

.bbtoo{ border-bottom:1px solid #ccc; }

div.small-gradient{ width:204px; float:left; background:url("../images/small-gradient.gif") repeat-x; border-top:1px solid #fff; }
div.small-gradient h3{ margin:0 0 8px; font-size:16px; font-weight:normal; }

ul.features{ margin:0; padding:0; }
ul.features li{ margin:0 0 6px 14px; padding:0; color:#0c54cc; }

p.PDF-manual{ background:url("../images/pdf.gif") no-repeat; padding-left:69px; height:64px; margin:0; }
p.PDF-manual a{ color:#000; text-decoration:none; }
p.PDF-manual a em{ color:#ed1c24; font-style:normal; display:block; padding-top:12px; }

ul.product-line{ margin:0; padding:6px 0 6px 6px; width:592px; overflow:auto; }
ul.product-line li{ margin:0 6px 6px 0; padding:10px 2px 0 2px; text-align:center; list-style:none; float:left; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:2px solid #4ca4ee; width:184px; }
.ie6 ul.product-line li{ padding:10px 0 0 5px; }
.products td h4, ul.product-line li h4{ color:#545454; font-size:14px; font-weight:bold; }
.products td p.more , ul.product-line li p.more{ margin:0; border-bottom:2px solid #4ca4ee;text-align:center;
}

.productsContainer td{border:0;vertical-align:top; padding:0 0 10px 0;}
.productsContainer .pos1{margin:0 7px;} 
.products td p.more a, ul.product-line li p.more a{ display:block; background:url("../images/find-out-more.gif") no-repeat center center; color:#fff; text-decoration:none; line-height:20px; font-weight:bold; }

.products  td{ border:1px solid #CCCCCC; padding:0; text-align:center;}
.products .description{border-bottom:0;width:186px;}
.products .description  h4{margin:14px 0 7px 0;}
.products  .tdmore{border-top:0;}
.products{margin:0;padding:0;}
.products .short_description{padding:0 5px;}
#left-side ul.product-line{ width:165px; overflow:hidden; padding:6px 0 0 6px; }
#left-side ul.product-line li{ width:143px; background-color:#fff; text-align:left; font-size:12px; padding:10px 10px 0 10px;color:#797979; }
#left-side ul.product-line li h4{ margin-bottom:6px; text-transform:uppercase; }
#left-side ul.product-line li p.more a{ text-align:center; }

h1.colorfull-wide{ background:url("../images/colorfull-large.gif") no-repeat left bottom; padding-bottom:14px; font-size:26px; font-weight:normal; margin:0 0 14px; color:#000; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ width:100%; height:2px; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }