:root {
	--rounded-xxs: .25rem;
	--rounded-xs: .5rem;
	--rounded-s: .75rem;
	--rounded: 1rem;
	--rounded-l: 1.25rem;
	--rounded-xl: 2rem;
	--rounded-xxl: 4rem;
	--rounded-pill: 50rem;
	--rounded-circle: 50%;
	--rounded-50: var(--rounded-circle);
}

* {margin: 0; padding: 0; background: none;}

img {border: none;}

html, body {font: 13px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;}

input, select, textarea {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

#site {position: relative; min-height: 100%;}

.wrapper {position: relative; clear: both; text-align: left; width: 990px; margin: 0 auto;}

/* :: Tags 
===================================================================================================== :: */

h1, h2, h3, h4, h5, h6 {margin: .2em 0 .1em; padding: .1em 0; font-weight: bold; cursor: default;}

h1 {font-size: 2.2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em; font-weight: normal; }
#content h3 {margin: .8em 0 0; padding-top: .7em; border-top: 3px dashed;}
h4 {font-size: 1.3em; font-weight: normal;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

ul, ol {padding-left: 1.2em;}

#content ul, #content ol {margin-bottom: 1em;}
#content ul {list-style: url(bullet_1.png);}

#content li {margin: 0 0 .5em; padding-left: .5em;}

p {margin-bottom: 1em;}

a {text-decoration: underline; outline: none;}		a:visited {}		a:hover {text-decoration: none;}

small {font-size: .9em;}

hr {
	clear: both;
	position: relative; top: 1.2em;
	height: 1px; 
	margin: 0 0 2.4em; 
	border: 1px solid; border-width: 1px 0 0;
}

/* :: Header 
===================================================================================================== :: */

#header {position: relative; background: url(bgr_1.png) no-repeat 0 0;}

	#site-logo {
		position: absolute; top: 14px; left: 0; z-index: 100;
		width: 490px; height: 59px;
		margin: 0; padding: 0;
		background: url(logo.png) no-repeat 0 0;
	}
	
	#site-logo a {display: block; width: 270px; height: 59px;}
		

	#intro .wrapper {height: 87px;}
			
/* :: Search :: */

#header .search-bar {position: relative;}

	#header .search-bar .txt {width: 310px; height: 24px; vertical-align: middle; border-style: solid; border-radius: 5px 0 0 5px;}
	
	.search-bar-option {
		position: absolute; top: 3.3em; left: 1px; z-index: 110;
		padding: 10px;
		border: 1px solid;
		border-radius: 0 0 3px 3px;
		box-shadow: 0 5px 10px rgba(0,0,0,.6);
	}
	
		.search-bar-option p {width: 303px; margin: 0; cursor: help;}

/* :: Navigations 
===================================================================================================== :: */

/* :: Horizontal Navigation :: */

#site .nav-x {list-style: none; padding: 0;}

#content .nav-x {margin-top: 1em;}

	#site .nav-x > li {float: left;}
	
	#site .nav-x.fL > li {
		margin: 0 1em .3em 0; padding-left: 1em;
		border-left: 1px solid;
	}
	
	#site .nav-x.fR > li {
		margin: 0 0 .3em 1em; padding-right: 1em;
		border-right: 1px solid;
	}
	
	#site .nav-x.fL > li:first-child {padding-left: 0; border: none;}
	#site .nav-x.fR > li:last-child {padding-right: 0; border: none;}
	
		#site .nav-x > li > a {
			display: block;
			margin-top: -.2em; padding: .2em .1em;
			text-decoration: underline;
		}
		#site .nav-x > li > a:hover {text-decoration: none;}
		
		#content .nav-x > li > a {text-decoration: none; font-size: 1.1em; border-bottom: 2px solid transparent;}
		#content .nav-x > li.current > a, #content .nav-x > li > a:hover {border-bottom: 2px solid;}

/* :: Main Navigation :: */

#site-nav {
	position: relative; z-index: 100;
	border-style: solid; border-width: 1px 0;
	box-shadow: 0 1px 5px rgba(0,0,0,.75);
}

	#main-nav ul {list-style: none; float: left; margin: 0; padding: 0;}
	
		#main-nav li {
			float: left; position: relative; top: -1px;
			margin: 0 2em 0 0; padding: .4em 0 0;
			border-top: 2px solid transparent;
		}

			#main-nav a {
				position: relative;
				display: block; padding: .3em 0;
				font-size: 1.2em; font-weight: bold; text-decoration: none;
				
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

/* :: Sub Navigation :: */

#main-nav .sub-menu a span {}

	#main-nav ul ul {
		display: none;
		position: absolute; top: 2.6em; left: 0; z-index: 200;
		width: 500px; height: auto;
		margin: 0 !important; padding: 5px 0 5px 5px !important;
		background: #f1f1f1 !important;
		border: 1px solid;
		box-shadow: 0 5px 10px rgba(0,0,0,.6);
	}
	
	#main-nav li:hover ul {display: block;}
	
		#site .level-2 {list-style: none; margin: 0; padding: 0;}
		
		.level-2 li {float: left; margin: 0 2px 2px 0 !important; padding: 0 !important;}
		
			.level-2 a {
				display: block;
				width: 95px; height: 60px;
				margin: 0; padding: 0;
				background-repeat: no-repeat; background-position: 50% 50%;
				border: 1px solid;
			}
			
			#cat-12 a, #brand-12 a {background-image: url(logos/brother_bw.png);}
			#cat-12 a:hover, #brand-12 a:hover {background-image: url(logos/brother.png);}
			
			#cat-13 a, #brand-13 a {background-image: url(logos/canon_bw.png);}
			#cat-13 a:hover, #brand-13 a:hover {background-image: url(logos/canon.png);}
			
			#cat-14 a, #brand-14 a {background-image: url(logos/dell_bw.png);}
			#cat-14 a:hover, #brand-14 a:hover {background-image: url(logos/dell.png);}
			
			#cat-15 a, #brand-15 a {background-image: url(logos/epson_bw.png);}
			#cat-15 a:hover, #brand-15 a:hover {background-image: url(logos/epson.png);}
			
			#cat-16 a, #brand-16 a {background-image: url(logos/gestetner_bw.png);}
			#cat-16 a:hover, #brand-16 a:hover {background-image: url(logos/gestetner.png);}
			
			#cat-17 a, #brand-17 a {background-image: url(logos/hp_bw.png);}
			#cat-17 a:hover, #brand-17 a:hover {background-image: url(logos/hp.png);}
			
			#cat-18 a, #brand-18 a {background-image: url(logos/ibm_bw.png);}
			#cat-18 a:hover, #brand-18 a:hover {background-image: url(logos/ibm.png);}
			
			#cat-19 a, #brand-19 a {background-image: url(logos/konica_minolta_bw.png);}
			#cat-19 a:hover, #brand-19 a:hover {background-image: url(logos/konica_minolta.png);}
			
			#cat-20 a, #brand-20 a {background-image: url(logos/kyocera_mita_bw.png);}
			#cat-20 a:hover, #brand-20 a:hover {background-image: url(logos/kyocera_mita.png);}
			
			#cat-21 a, #brand-21 a {background-image: url(logos/lexmark_bw.png);}
			#cat-21 a:hover, #brand-21 a:hover {background-image: url(logos/lexmark.png);}
			
			#cat-22 a, #brand-22 a {background-image: url(logos/nashuatec_bw.png);}
			#cat-22 a:hover, #brand-22 a:hover {background-image: url(logos/nashuatec.png);}
			
			#cat-23 a, #brand-23 a {background-image: url(logos/oki_bw.png);}
			#cat-23 a:hover, #brand-23 a:hover {background-image: url(logos/oki.png);}
			
			#cat-24 a, #brand-24 a {background-image: url(logos/panasonic_bw.png); opacity: .8;}
			#cat-24 a:hover, #brand-24 a:hover {background-image: url(logos/panasonic.png); opacity: 1;}
			
			#cat-25 a, #brand-25 a {background-image: url(logos/philips_bw.png);}
			#cat-25 a:hover, #brand-25 a:hover {background-image: url(logos/philips.png);}

			#cat-26 a, #brand-26 a {background-image: url(logos/rex_rotary_bw.png);}
			#cat-26 a:hover, #brand-26 a:hover {background-image: url(logos/rex_rotary.png);}
			
			#cat-27 a, #brand-27 a {background-image: url(logos/ricoh_bw.png);}
			#cat-27 a:hover, #brand-27 a:hover {background-image: url(logos/ricoh.png);}
			
			#cat-28 a, #brand-28 a {background-image: url(logos/sagem_bw.png);}
			#cat-28 a:hover, #brand-28 a:hover {background-image: url(logos/sagem.png);}
			
			#cat-29 a, #brand-29 a {background-image: url(logos/samsung_bw.png);}
			#cat-29 a:hover, #brand-29 a:hover {background-image: url(logos/samsung.png);}
			
			#cat-30 a, #brand-30 a {background-image: url(logos/sharp_bw.png); opacity: .8;}
			#cat-30 a:hover, #brand-30 a:hover {background-image: url(logos/sharp.png); opacity: 1;}
			
			#cat-31 a, #brand-31 a {background-image: url(logos/tally_genicom_bw.png);}
			#cat-31 a:hover, #brand-31 a:hover {background-image: url(logos/tally_genicom.png);}
			
			#cat-32 a, #brand-32 a {background-image: url(logos/toshiba_bw.png);}
			#cat-32 a:hover, #brand-32 a:hover {background-image: url(logos/toshiba.png);}
			
			#cat-33 a, #brand-33 a {background-image: url(logos/xerox_bw.png);}
			#cat-33 a:hover, #brand-33 a:hover {background-image: url(logos/xerox.png);}

/* :: User Navigation :: */		

#user-nav {float: right; margin-top: 2em;}
	#user-nav ul {float: left; list-style: none; margin: 0; padding: 0;}
		#user-nav li {float: left; margin: 0 1px 0 0;}
			#user-nav ul a {
				display: block; padding: .4em 1.2em;
				font-size: 1.2em; text-decoration: none;
			}
			#user-nav ul a:hover {text-decoration: none;}
			
			#user-nav li:first-child a {border-radius: 5px 0 0 5px;}
			#user-nav li:last-child a {border-radius: 0 5px 5px 0;}

/* :: Shopping Cart :: */

.shopping-cart {position: relative; left: -.5em; font-size: 1.2em;}
	
	.shopping-cart a {
		position: absolute; top: 0; right: 0; z-index: 200;
		display: block; padding: .4em 45px .9em 1.2em;
		text-decoration: none;
		background: url(icon_cart.png) no-repeat 100% 0;
		
	}
	.shopping-cart a:hover {background-position: 100% -500px;}
	
	.shopping-cart span {
		position: absolute; top: 0; right: 0; z-index: 100;
		display: block; width: 40px;
		font-size: 1.1em; text-align: center;
		
		-webkit-transition: position 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.shopping-cart:hover span {top: -8px;}

/* :: Header Graphic :: */	

#index-header-graphic {}

	/*#index-header-graphic .wrapper .banner-link {
		position: relative;
		display: block;
		height: 319px; padding-top: 1px;
		background: url(index_banner.jpg) no-repeat 0 0;
	}
	#index-header-graphic .banner-link span {display: none;}
	
		#index-header-graphic h2 {
			margin: 80px 380px 0 5px; text-transform: uppercase;
			text-shadow: 0 1px 1px white;
		}/*

/* :: Main and Content 
===================================================================================================== :: */

#main {padding: 0 0 20px;}

.index #main {background: url(bgr_2.png) no-repeat 0 0;}

.layout-2-1 #main .wrapper {
	min-height: 300px; padding-top: 1em; 
	background: url(bgr_4.png) no-repeat 626px 0;
}

.index #content .col-1 {
	float: left; width: 420px; min-height: 126px;
	padding-left: 190px;
	background: url(icon_cartridge_box.png) no-repeat 0 0;
}
		
.index #content .col-2 {float: right; width: 340px;}

	#content {position: relative; min-height: 200px;}
		
	.layout-2-1 #content {float: left; width: 610px; margin-right: 40px;}
	
.styled-separator {
	padding: .5em 0 1em; margin-bottom: 1em; 
	background: url(bgr_3.png) no-repeat 100% 0;
	border-style: solid; border-width: 1px 0;
}

/* :: Delivery :: */

	.delivery {clear: both; min-height: 140px; padding: 0 100px 0 0; background: url(icon_delivery.png) no-repeat 100% 0;}
		
		#side-bar .delivery h2 {font-weight: normal;}
		
		.delivery p {margin-right: 80px;}

/* :: Item Categories :: */

.item-cat {
	float: left; width: 295px;
	padding: 0; margin: 0 10px 10px 0;
}

	.item-cat a {
		display: block;  
		margin: 0; padding: 0; 
		text-decoration: none; 
		border-style: solid; border-width: 0 1px 1px;
	}
	.item-cat a:hover {text-decoration: underline;}
						
		.item-cat a span {
			position: relative; display: block; 
			min-height: 80px; padding: .5em .2em .5em 110px; 
			font-size: 1.15em; font-weight: bold; 
			background: url(gr_2.png) repeat-x 0 0;
			border-top: 3px solid;
			box-shadow: 0 2px 3px rgba(0,0,0,.3);
		}
		
		.item-cat .bw {background: url(item_cat_bw.png) no-repeat 0 50%;}
		.item-cat .color {background: url(item_cat_color.png) no-repeat 0 50%;}
		.item-cat .fax {background: url(item_cat_fax.png) no-repeat 0 50%;}
		.item-cat .multi {background: url(item_cat_multi.png) no-repeat 0 50%;}
		.item-cat .multic {background: url(item_cat_multic.png) no-repeat 0 50%;}
		.item-cat .port {background: url(item_cat_port.png) no-repeat 0 50%;}
		.item-cat .ledcolor {background: url(item_cat_led.png) no-repeat 0 50%;}
		.item-cat .ledbw {background: url(item_cat_led_bw.png) no-repeat 0 50%;}
		.item-cat .copycolor {background: url(item_cat_copycolor.png) no-repeat 0 50%;}
		.item-cat .copybw {background: url(item_cat_copybw.png) no-repeat 0 50%;}
		.item-cat .inkjet {background: url(item_cat_ink.png) no-repeat 0 50%;}
		.item-cat .colorinkmulti {background: url(item_cat_colorinkmulti.png) no-repeat 0 50%;}
		.item-cat .colorledmulti {background: url(item_cat_colorledmulti.png) no-repeat 0 50%;}
		.item-cat .monoledmulti {background: url(item_cat_monoledmulti.png) no-repeat 0 50%;}
		.item-cat .colorinkprint {background: url(item_cat_colorinkprint.png) no-repeat 0 50%;}
		.item-cat .monoanalogmilti {background: url(item_cat_monoanalogmilti.png) no-repeat 0 50%;}
		


/* :: Pagination :: */

.pagination {clear: both; margin: 2em 0; padding: 1em 1em .5em; cursor: default;}

	.pagination .fL {margin: .1em 2em 0 0;}

		.pagination strong, .pagination a, .pagination span {display: inline-block; margin: 0 0 .3em; padding: .2em .3em;}
		
		.pagination strong {position: relative; padding: .2em .5em; border-top: 2px solid;}
		
		.pagination .prev-link, .pagination .next-link {
			position: relative; top: .1em; 
			font-weight: bold; font-size: 2em; line-height: .3em; text-decoration: none;
		}
		.pagination .prev-link {margin-right: .5em; padding-right: .7em; border-right: 1px dotted;}
		.pagination .next-link {margin-left: .5em; padding-left: .7em; border-left: 1px dotted;}

/* :: Item List :: */

.item-list {margin: 1em 0;}

	.item-list dl {
		position: relative; padding: 0; margin: 0 0 1em; 
		background: url(bgr_4.png) no-repeat 0 0;
		border: 1px dotted; border-width: 1px 0;
	}

		.item-list dd.img {float: left; width: 110px; text-align: center;}
			.item-list dd.img a {display: block; text-decoration: none; border: 3px solid;}
				.item-list dd.img img {float: none; margin: 0;}
	
		.item-list .info {float: right; width: 465px;}
			#content .item-list .info li {margin: .3em 0;}
		
			.item-list .info h5 {margin: .5em 0 .2em; font-size: 1.2em;}
			
			#content .item-list .info .item-color {
				display: inline-block; position: relative; 
				padding-right: 30px;
			}
			#content .item-list .info .item-color:before {
				content: ""; display: block; 
				position: absolute; top: 0; right: 0;
				width: 16px; height: 16px;
				background-image: url(grd_cart.png); background-repeat: repeat-x;
				border: 1px solid;
			}
			
			#content .item-list .info .item-color.black:before,
			#content .item-list .info .item-color.monohromen:before {background-position: 0 -600px;}
			
			#content .item-list .info .item-color.cyan:before {background-position: 0 0;}
			
			#content .item-list .info .item-color.magenta:before {background-position: 0 -200px;}
			
			#content .item-list .info .item-color.yellow:before {background-position: 0 -400px;}
			
			#content .item-list .info .item-color.cmy:before {height: 26px; background-position: 0 -801px;}
			
			#content .item-list .info .item-color.all:before {height: 36px; background-position: 0 -1000px;}
			

/* :: Item Description :: */

.layout-2-1 .item {margin-top: 1em; padding: .7em; background: url(bgr_4.png) no-repeat 0 0;}
	.img-th {float: left; margin: 0 2.5em 1.5em 0; border: 3px solid;}
		.img-th img {}
	.item p {margin-bottom: .5em;}

.item-box {clear: both; margin: 1em 0;}

	.item-box dl {padding: 10px; border: 1px solid;}
	
		.item-box dt {
			position: relative; float: right;
			width: 76%; min-height: 36px;
			margin: -10px -10px 10px; padding: 0 35px 0 0; 
			/*background: url(grd_cart.png) repeat-x 0 -600px;*/
			border-bottom: 1px solid;
		}
		.item-box dt:before {
			content: ""; position: absolute; top: 0; right: 0; z-index: 1;
			display: block; width: 12px; height: 36px;
			border-radius: 0 var(--rounded-xs) 0 0;
			/*border-style: solid; border-width: 2.7em 2.7em 0; 
			border-color: white transparent transparent; border-color: white rgba(255,255,255,0) rgba(255,255,255,0);*/
		}
		
		
		.item-box dl.cyan dt:before, .item-box dl.cian dt:before {background: url(grd_cart.png) repeat-x 0 0;}
		
		.item-box dl.magenta dt:before {background: url(grd_cart.png) repeat-x 0 -200px;}
		
		.item-box dl.yellow dt:before, .item-box dl.jylt dt:before {background: url(grd_cart.png) repeat-x 0 -400px;}
		
		.item-box dl.black dt:before, 
		.item-box dl.monochrome dt:before, .item-box dl.monohromen dt:before {background: url(grd_cart.png) repeat-x 0 -600px;}
		
		.item-box dl.color dt:before {background: url(grd_cart.png) repeat-x 0 -800px;}
		
		.item-box dl.all dt:before, .item-box dl.cveten dt:before {background: url(grd_cart.png) repeat-x 0 -1000px;}
		
			.item-box dt strong {display: block; position: relative; padding: .4em .8em .3em;}
		
		.item-box dd {float: right; width: 80%;}
		
		.item-box dd.img {float: left; width: 110px;}
			.item-box dd.img img {}
		
		#content .item-box ul.list {list-style: none; margin: 0; padding: 0;}
		
			#content .item-box ul.list li {width: auto; margin: 0 2px 2px 0; padding: 5px 10px;}
			
			.item-box .list p {margin: 0; padding: 0; font-size: 0.9em;}
			
			.item-box .list .btn {
				display: inline-block; margin: 0; padding: .7em .7em .7em 2.2em;
				font-size: 1em; text-decoration: none;
				vertical-align: middle;
				background: url(icon_cart_sm.png) no-repeat .5em 50%;
				background: url(icon_cart_sm.png) no-repeat .5em 50%, url(gr_2.png) repeat-x;
				border: 1px solid;
				
				-webkit-transition: background 0.3s ease;
				-moz-transition: background 0.3s ease;
				transition: background 0.3s ease;
			}
			.item-box .list .btn:hover {text-decoration: underline;}
			
			.item-box .item-price {float: right; top: -.4em;}
			
		.item-box p {padding: 0 0 0 10px;}
		
			.item-box p em {font-size: .85em; font-style: normal;}

/* :: Tables :: */

table.mp-table, #content table {
	margin: 1.5em 0 2em;
	font-size: 0.9em; line-height: 1.3em;
	border-collapse: collapse;
}

	.mp-table tbody tr:hover {}

	.mp-table th, #content th {
		font-weight: bold;
		text-align: left; 
		background: #ebf6de;
	}
	
	.mp-table tbody th, #content tbody th {
		font-size: 1.1em;
		text-transform: none;
		background: none;
	}
	
	.mp-table th.no-fill, #content th.no-fill {background: none; border: none;}
	
	.mp-table th, .mp-table td, #content th, #content td {padding: .3em .6em; border: 1px solid;}

/* :: My Profile 
================================================================================== */
		
.toggle-items {padding: 1em 0;}

	#content .toggle-items h3 {
		margin: 0; padding: .4em .4em .6em 45px;
		font-size: 1.2em;
		background: url(toggle_close_open.png); background-repeat: no-repeat;
		border: 1px solid;
	}
	#content .toggle-items .toggle-closed h3 {background-position: 10px 7px;}
	#content .toggle-items .toggle-closed:hover h3 {background-position: 10px -393px;}

	
	#content .toggle-items .toggle-opened h3 {background-position: 10px -193px;}
	#content .toggle-items .toggle-opened:hover h3 {background-position: 10px -593px;}
		
		#content .toggle-items h3 span {text-decoration: underline;}
	
		#content .toggle-items h3 span:hover {text-decoration: none;}
	
		#content .toggle-items h3 small {display: block; margin: .5em 0 0; font-size: .7em;}
	
	.toggle-opened, .toggle-closed {position: relative;}
		
		.toggle-items .del {
			position: absolute; top: 1px; right: 1px;
			padding: 1px 22px 2px .5em;
			text-decoration: none;
			background: url(close.png) no-repeat 97% 3px;
		}
		
		.toggle-items .del:hover {background-position: 97% -97px;}
	
	.toggle-content {margin: 0 0 2em; padding: 1em 1em .3em;}
	
	.print-link {display: inline-block; padding: .3em 0 .3em 33px; background: url(icon_print.png) no-repeat 0 0;}

/* :: Breadcrumbs :: */

.breadcrumb {}
	.breadcrumb * {margin-right: .3em;}

/* :: Slider :: */

.layout-slider .plastic-slider {padding-top: 1.2em;}

/* :: CSS Windows 
===================================================================================================== :: */

#window-info-box {
	position: fixed; z-index: 10000;
	width: 100%; height: 100%;
	background: rgba(0,0,0,.75);
}

	#window-info-box .inner-window {
		position: relative;
		width: 40%; min-width: 500px; min-height: 20%;
		margin-left: auto; margin-right: auto; padding: 20px;
		-webkit-box-shadow: 2px 2px 15px #000;
		-moz-box-shadow: 2px 2px 15px #000;
		box-shadow: 2px 2px 15px #000;
	}
	
		.inner-window-header {
			margin: -20px -20px 1.5em; padding: 2px 5px;
			background: url(bgr_2.png) no-repeat;
			border-bottom: 1px solid;
		}
		
			.inner-window-header h3 {padding: 0 12px;}

/* :: Forms 
===================================================================================================== :: */

.form-elements {padding: 0;}
	
		.form-elements fieldset {margin: 0 0 2em; padding: 1.5em; border: 1px dotted;}
		
			.form-elements legend {padding: 0 1em; font-size: 1.3em;}
		
		.form-elements .form-container {clear: both; position: relative; margin: 0 0 1em; padding: 2px;}
			
		.txt, .txt-small {
			width: 400px;
			padding: 6px; margin: .3em 0;
			font-size: 1.2em;
			border: 1px inset;
			background: url(gr_1.png) repeat-x 0 0;
		}
		
		#side-bar .txt {width: 250px;}
		
		#site .txt-small {width: 20px; vertical-align: middle;}
		
		.txt:focus {
			-webkit-box-shadow: 0 0 3px #84c533;
			-moz-box-shadow: 0 0 3px #84c533;
			box-shadow: 0 0 3px #84c533;
		}
		
		.btn {
			margin: .3em .2em 0 0; padding: .2em .7em .4em;
			font: 1.3em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
			cursor: pointer;
			display: inline-block;
			vertical-align: middle;
			background: url(gr_2.png) repeat-x;
			border-style: solid; border-width: 3px 0 0;
			
			-webkit-transition: background 0.3s ease;
			-moz-transition: background 0.3s ease;
			transition: background 0.3s ease;
		}		
		
		.search-bar .btn {margin: 0; padding: 0; background: none; border: none;}
		
		.btn-del {
			padding: .1em 1.7em .3em .7em;
			background: url(close.png) no-repeat 97% 4px;
			border: 1px solid;
			cursor: pointer;
			
			-webkit-transition: background 0.2s ease;
			-moz-transition: background 0.2s ease;
			transition: background 0.2s ease;
		}
		.btn-del:hover {background-position: 97% -96px;}
		
		.inline-block-label label {display: block; float: left; width: 35%;}
		label.block-label {display: block; margin: .3em 0;}
		
		.attention-box {
			position: relative;
			margin: 2em 0; padding: 10px 40px 10px 10px; 
			background: url(icon_att.png) no-repeat 98% 50%;
		}

/* :: Side Bar 
===================================================================================================== :: */

#side-bar {float: left; width: 330px;}


/* :: Footer
===================================================================================================== :: */

#footer {float: left; width: 100%; padding: 0 0 .8em; cursor: default;}

	#footer-contact {margin-bottom: 1em; padding: .8em 0;}

		#footer-contact .inner {padding: 1em 0; font-size: 1.3em; border-style: dashed; border-width: 2px 0;}
		
			#footer-contact .wrapper {text-align: center;}
			
	.footer-copy {float: left; width: 80%; font-size: .9em;}

/* :: Contact Details :: */

#footer .col-1, #footer .col-2, #footer .col-3 {display: inline-block; width: auto; padding: 12px 55px;}

.contact-details div {padding: 8px 55px; font-size: 1.2em;}

#footer .col-1, .contact-details .col-1 {background: url(icon_map.png) no-repeat 0 0;}
#footer .col-2, .contact-details .col-2 {background: url(icon_phone.png) no-repeat 0 0;}
#footer .col-3, .contact-details .col-3 {background: url(icon_mail.png) no-repeat 0 0;}
	#footer .col-3 a, .contact-details .col-3 a {margin-left: -55px; padding-left: 55px;}

#footer .col-1:hover, #footer .col-2:hover, #footer .col-3:hover {background-position: 0 -500px;}

/* :: Special Classes and styling
===================================================================================================== :: */

li .special-link {display: block;}

.special-link {
	position: relative;
	display: inline-block;
	padding: .3em .5em;
	border: 1px solid;
}

	.special-link a {text-decoration: none;}

.separator {white-space: nowrap; margin: 0 .3em;}

.item-price {display: inline-block; position: relative;}
.item-list .item-price {top: -1em;}
	.item-price strong {font-size: 1.4em; font-weight: bold;}

.item-price.promo {padding-right: 42px; background: url(icon_promo.png) no-repeat 100% 0;}

.delete-handle {
	position: absolute; top: -3px; right: -1px;
	padding: 0 5px 3px; text-transform: uppercase;
	font-weight: bold; font-size: .9em; line-height: 1em;
	cursor: pointer;
}

.delete-handle {
	-webkit-box-shadow: 1px 1px 4px #666;
	-moz-box-shadow: 1px 1px 4px #666;
	box-shadow: 1px 1px 4px #666;
}

.item-gallery li img {
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.item-box dl {
	border-radius: var(--rounded-xs);
}

.special-link,
#content .item-box ul.list li,
.form-box-elements legend {
	border-radius: 5px;
}


.delete-handle,
.item-box .list .btn, .btn-del,
input[type="text"], input[type="password"], textarea {
	border-radius: 3px;
}

input[disabled] {opacity: .7; cursor: not-allowed;}

.no-bullet-list {list-style: none; padding-left: 0;}

.scr-bar {padding: 10px; overflow: auto;}

/* :: Hide :: */

#site-logo span, #header .site-description,
.level-2 a span,
.items li.cB,
.hide {
	display: none;
}

/* :: Clear & Float :: */

.fL {float: left;}	.fR {float: right;}	.cL {clear: left;}	.cR {clear: right;}	.cB {clear: both;}

.clear-fix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* :: Cookie Consent :: */

#cookie-consent {position: fixed; right: 1em; bottom: 1em; z-index: 1000;}
	#cookie-consent .inner {position: relative; max-width: 280px; padding: 1em; font-size: 12px; cursor: default;}
#cookie-consent .inner, .close-cookie-window {background-color: white; box-shadow: 4px 4px 15px rgba(0,0,0,0.1);}
#cookie-consent .inner, #cookie-consent a {border: 1px solid rgba(0,0,0,0.15);}
	#cookie-consent p {margin: 0;}
	#cookie-consent p:first-child {margin-bottom: .7em;}
		#cookie-consent a {position: relative; display: inline-block; text-decoration: none;}
		#cookie-consent p a {margin-right: .5em; padding: .3em .5em;}
		#cookie-consent p a:hover {background-color: #777; color: white;}
		#cookie-consent .cookie-agree {padding-left: 1.8em;}
		#cookie-consent .cookie-agree:before {
			content: ""; position: absolute; left: .5em; top: .7em;
			display: block; width: 8px; height: 4px;
			border-style: solid; border-width: 0 0 2px 2px; border-color: #2eb73a;
			transform: rotate(-45deg);
		}
		#cookie-consent .cookie-agree:hover:before {border-color: white;}
		
		#cookie-consent .close-cookie-window {
			position: absolute; top: -.7em; right: -.7em;
			display: block; width: 24px; height: 24px; text-align: center; line-height: 22px; font-weight: bold; font-size: 1.2em;
			background-color: #d84b4b; color: white; border-radius: 50%;
		}
		#cookie-consent .close-cookie-window:hover {background-color: #a91c1c;}