/*
iidsolutions.co.uk
*/

body 					{ margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(images/body-bg.png) center top repeat-x #fff; }
				
td 						{ font-family: Arial, Helvetica, sans-serif; }
th 						{ font-family: Arial, Helvetica, sans-serif; }

h1 						{ clear: left; margin: 0; /*padding: 0;*/ padding: 5px 0px 7px 0px; font-size: 18px; color: #7d62a8; }
h2 						{ clear: left; margin: 0; /*padding: 0;*/ padding: 5px 0px 7px 0px; font-size: 16px; color: #7d62a8; }
h3 						{ clear: left; margin: 0; /*padding: 0;*/ padding: 5px 0px 7px 0px; font-size: 16px; color: #7d62a8; }
h4 						{ clear: left; margin: 0; /*padding: 0;*/ padding: 5px 0px 7px 0px; font-size: 16px; color: #7d62a8; }

img a 					{ text-decoration:none!important; border: none!important; }
a 						{ outline: none; }



/* Begin Structure */

#wrapper 				{ width: 1000px; position: relative; margin: auto; /*border: 1px solid #000;*/ }
#inner-wrap 			{ width: 1000px; position: relative; /*padding-top: 195px;*/ padding-top: 170px;  margin: auto; /*border: 1px solid #000;*/  }

#header 				{ position: absolute; top: 0pt; left: 0pt; padding: 0px 0px 0px 0px; width: 1000px; height: 170px; background: url(images/header-bg.jpg) top left no-repeat; /*border: 1px solid #ff0;*/ 
						/*border: 1px solid #000;*/ overflow: auto;   }
#main 					{ position: relative; clear: both; width: 972px; background: url(images/main-bg.jpg) 0px 0px no-repeat #fff; 
						/*border: 1px solid #000;*/ overflow: auto; }
#inner-main 			{ float: right; width: 735px; /*border: 1px solid #000;*/  overflow: auto;  }

#footer 				{ position: relative; clear: both; margin: 0px auto 0px auto; padding: 0px 40px 5px 230px; width: 730px; font-size: 12px; background: #fff; text-align: center;
						 height: 50px; background:url(images/footer-bg.jpg) no-repeat;  /*border: 1px solid #000;*/ color: #000; }
#footer a 				{ color: #7d62a8; text-decoration: none; }
#footer a:hover 		{ color: #7d62a8; text-decoration: underline; }						 
						 

#left					{ float: left; width: 230px; padding: 0px 0px 0px 0px;  /*border: 1px solid #000;*/ /*background: url(images/left-bg.jpg) 0px 0px no-repeat; */}
#right					{ float: left; width: 173px; padding: 0px 0px 0px 7px;  /*border: 1px solid #000;*/ }





.content				{ float: left; /*margin-right: 10px;*/ padding: 0px 5px 5px 5px; width: 540px; background-color: #ffffff; 
						color: #000000; }
.content p				{ margin: 0; padding: 0; clear: left; margin: 7px 0px 7px 0px;}	
.content a 				{ text-decoration: none; /*color: #2C69CD;*/ color: #7d62a8; }
.content a:hover 		{ text-decoration: underline; /*color: #2C69CD;*/ color: #7d62a8; }



.left-item				{ float: left; clear: left; width: 150px;  /*border: 1px solid #000;*/  }
.right-item				{ float: left; clear: left; width: 150px;  /*border: 1px solid #000;*/ }

#left-enquire-box 		{ float: right; padding: 150px 10px 10px 30px; height: 212px; width: 160px; font-size: 12px; font-weight: bold; color: #fff;
						background: url(images/left-enquire-bg.jpg) right 140px  no-repeat;
						 /*border: 1px solid #000;*/ }

#address				{ float: right; clear: right; padding: 10px 10px 10px 69px; width: 150px; color: #fff;  /*border: 1px solid #000;*/  }

#address a				{ color: #fff; text-decoration: none; }
#address a:hover		{ color: #fff; text-decoration: underline; }

#breadcrumb				{ padding: 5px 0px 7px 0px; font-size: 12px; font-weight: bold; color: #7d62a8;} 


.clear 					{ clear: both; }


/* End Structure */


/* Begin Menu's */

#head-menu 					{ float: left; margin: 0; padding: 111px 0px 0px 230px; margin: auto;  /*border: 1px solid #ff0000;*/  }
#head-menu li				{ padding: 0; margin: 0; float: left; list-style-type: none; line-height: 34px; text-align:center; /*border: 1px solid #ff0000;*/ }
#head-menu li a				{ color: #fff; text-decoration: none; }
#head-menu li a:hover		{ color: #fff; text-decoration: underline; }

/*#head-menu 				{ float: left; margin: 0; padding: 111px 0px 0px 230px;*/ /*margin: auto; border: 1px solid #000; border: 1px solid #ff0000; }
#head-menu li				{ padding: 0; margin: 0; float: left; list-style-type: none; line-height: 34px; text-align:center; border: 1px solid #ff0000; }
#head-menu li a				{ color: #fff; text-decoration: none; }
#head-menu li a:hover		{ color: #fff; text-decoration: underline; }*/

/*.li-printers				{ margin: 0!important; padding: 0!important; background: url(images/li-printers-bg.jpg) no-repeat; width: 153px!important; 
							color: #fff; text-decoration: none; font-weight: bold; margin-left: 13px!important;   }
.li-priners a				{ color: #fff; text-decoration: none; display: block; }
.li-priners a:hover			{ 13px; color: #fff; text-decoration: underline; display: block; }

.li-labels					{ margin: 0!important; padding: 0!important; background: url(images/li-labels-bg.jpg) no-repeat; width: 140px!important;
							display: block; color: #fff; text-decoration: none; font-weight: bold; margin-left: 13px!important }
.li-labels a				{ color: #fff; text-decoration: none; display: block; }
.li-labels a:hover			{ color: #fff; text-decoration: underline; display: block; }			
								
.li-thermal					{ margin: 0!important; padding: 0!important; background: url(images/li-thermal-bg.jpg) no-repeat; width: 144px!important;
							display: block; color: #fff; text-decoration: none; font-weight: bold; margin-left: 13px!important }
.li-thermal a				{ color: #fff; text-decoration: none; display: block; }
.li-thermal a:hover			{ color: #fff; text-decoration: underline; display: block; }					

.li-data-cap				{ margin: 0!important; padding: 0!important;  background: url(images/li-data-cap-bg.jpg) no-repeat; width: 120px!important; 
							color: #fff; text-decoration: none; font-weight: bold; margin-left: 13px!important }
.li-data-cap a				{ color: #fff; text-decoration: none; display: block; }
.li-data-cap a:hover		{ color: #fff; text-decoration: underline; display: block; }
			
.li-contact					{ margin: 0!important; padding: 0!important; background: url(images/li-contact-bg.jpg) no-repeat; width: 122px!important;
							display: block; color: #fff; text-decoration: none; font-weight: bold; margin-left: 13px!important }
.li-contact a				{ color: #fff; text-decoration: none; display: block; }
.li-contact a:hover			{ color: #fff; text-decoration: underline; display: block; }*/

.li-home				{ margin: 1px!important; padding: 0!important; margin-left: 2px!important; background: url(images/li-home-bg.jpg) no-repeat; width: 70px!important;
							display: block; color: #fff; text-decoration: none; font-weight: bold;}
.li-home a				{ color: #fff; text-decoration: none; display: block; }
.li-home a:hover			{ color: #fff; text-decoration: underline; display: block; }


.li-printers				{ margin: 0!important; padding: 0!important; margin-left: 1px!important;  background: url(images/li-printers-bg.jpg) no-repeat; width: 153px!important; 
							color: #fff; text-decoration: none; font-weight: bold;    }
.li-priners a				{ color: #fff; text-decoration: none; display: block; }
.li-priners a:hover			{ color: #fff; text-decoration: underline; display: block; }

.li-labels					{ margin: 0!important; padding: 0!important; margin-left: 1px!important;  background: url(images/li-labels-bg.jpg) no-repeat; width: 140px!important;
							display: block; color: #fff; text-decoration: none; font-weight: bold; }
.li-labels a				{ color: #fff; text-decoration: none; display: block; }
.li-labels a:hover			{ color: #fff; text-decoration: underline; display: block; }			
								
.li-thermal					{ margin: 0!important; padding: 0!important; margin-left: 1px!important;  background: url(images/li-thermal-bg.jpg) no-repeat; width: 144px!important;
							display: block; color: #fff; text-decoration: none; font-weight: bold;  }
.li-thermal a				{ color: #fff; text-decoration: none; display: block; }
.li-thermal a:hover			{ color: #fff; text-decoration: underline; display: block; }					

.li-data-cap				{ margin: 0!important; padding: 0!important; margin-left: 1px!important;   background: url(images/li-data-cap-bg.jpg) no-repeat; width: 120px!important; 
							color: #fff; text-decoration: none; font-weight: bold;  }
.li-data-cap a				{ color: #fff; text-decoration: none; display: block; }
.li-data-cap a:hover		{ color: #fff; text-decoration: underline; display: block; }
			
.li-contact					{ margin: 0!important; padding: 0!important; margin-left: 1px!important;  background: url(images/li-contact-bg.jpg) no-repeat; width: 100px!important;
							display: block; color: #fff; text-decoration: none; font-weight: bold;  }
.li-contact a				{ color: #fff; text-decoration: none; display: block; }
.li-contact a:hover			{ color: #fff; text-decoration: underline; display: block; }


.sitemap 				{ float: left; clear: left; margin-bottom: 20px; width: 100%; }
.sitemap li 			{ clear: left; font-size: 12px; color: #7d62a8; }
.sitemap li a 			{ text-decoration: none; color: #7d62a8; }
.sitemap li a:hover 	{ text-decoration: underline; color: #7d62a8; }

.last-li				{ border: none!important;}

/* End Menu's */



/* Classes */

.heading 					{ clear: left; margin: 0; padding: 0px 0px 0px 0px; font-size: 24px; font-weight: bold; color: #7d62a8; }

.cat-heading 				{ clear: left; margin: 0; padding: 5px 0px 5px 0px; font-size: 12px; font-weight: bold; color: #7d62a8; text-align:center }

.cat-heading-2 				{ clear: left; margin: 0; padding: 5px 10px 5px 10px; font-size: 12px; font-weight: bold; color: #7d62a8; text-align:left; }

.cat-text	 				{ margin: 0; padding: 5px 10px 5px 10px; font-size: 11px; color: #000; text-align:left; }
.cat-text a	 				{ color: #7d62a8; text-decoration: none; }
.cat-text a:hover	 		{ color: #7d62a8; text-decoration: underline;}
.cat-text-text-l			{ float: left; padding: 5px 10px 5px 10px; width: 400px;  }
.cat-text-img-r				{ float: right; width: 75px; }
.cat-text-img-l				{ float: left; width: 75px; }
.cat-text-text-r			{ float: right; padding: 5px 10px 5px 10px; width: 400px; }





.right-holder				{ float: left; width: 170px; padding: 5px 0px 0px 0px; font-size: 11px; }

.right-holder ul			{ padding: 0px 0px 0px 20px; margin: 0; }

.right-holder input			{ border: none; border: 1px solid #f2edf6; background: #f2edf6; }
.right-holder textarea		{ border: none!important; border: 1px solid #f2edf6!important; background: #f2edf6!important; width: 145px; overflow: auto;  }
.right-holder a 			{ text-decoration: none; /*color: #2C69CD;*/ color: #7d62a8; }
.right-holder a:hover 		{ text-decoration: underline; /*color: #2C69CD;*/ color: #7d62a8; }

.right-holder .button		{ border: none; padding-top: 5px; background: none; }

.right-search-holder		{ float: left; width: 170px; padding: 0px 0px 0px 0px; font-size: 11px; }
.right-search-holder input  { margin: 0; }

.product-image				{ float: right!important; border: 1px solid #ccc; margin: 0px 0px 7px 7px; width: 200px; text-align: center; }
.product-image a			{ text-decoration: none!important; font-weight: bold; }
.product-image a:hover		{ text-decoration: none!important; font-weight: bold; }

.right-heading 				{ clear: left; margin: 0; /*padding: 0;*/ padding: 5px 0px 5px 0px; font-size: 16px; color: #7d62a8; }

.content-head-box			{ float: left; padding: 10px; margin-bottom: 7px; width: 514px; height: 115px; background: url(images/content-head-box-bg.jpg) top left no-repeat; 
							 font-size: 11px; }
.content-middle-box			{ float: left; padding: 5px 5px 0px 357px; margin: 0px 0px 7px 0px; width: 171px; 
							background: url(images/content-middle-box-bg.jpg) top left no-repeat; min-height:208px; height:auto !important; height:208px; font-size: 11px; 
							color: #000; text-align: justify; }
.content-bottom-row			{ float: left; width: 544px; font-size: 11px; }
.content-bottom-row-left	{ float: left; width: 355px; padding-right: 5px; font-size: 11px; }
.content-bottom-row-right	{ float: left; width: 178px; font-size: 11px; }

.it-support				{ float: left; padding: 5px 127px 5px 45px; margin-bottom: 7px; width: 186px; height: 117px; 
						background: url(images/it-support-box-bg.jpg) top left no-repeat; font-size: 11px;}

.barcode				{ float: left; padding: 5px 5px 5px 119px; width: 230px; height: 66px; background: url(images/barcode-box-bg.jpg) top left no-repeat #F3EFF6; font-size: 11px;}

.barcode-scanner		{ float: right; padding: 137px 5px 5px 5px; width: 166px; background: url(images/barcode-scanner-box-bg.jpg) top center no-repeat #F3EFF6; font-size: 11px;}


.bold-purple			{ margin: 0; padding: 0px; font-size: 24px; font-weight: bold!important; color: #7d62a8!important; }
.bold-black				{ margin: 0; padding: 0px; font-size: 24px; font-weight: bold; color: #000;  }

.reg-purple				{ margin: 0; padding: 0px; color: #7d62a8!important; }

.error { float: left; clear: left; width: 400px; padding: 10px; margin-bottom: 10px; border: 1px solid #ff0000; background-color: #FFCCCC; color: #000000; }

.red { color: #ff0000!important; }

.enqfrm-error { clear: left; color: #FF9900; padding-bottom: 5px; }
.error-input-highlight { border: 1px solid #FF9900!important; }


.clear-left	 { clear: left; }


/* Table Styles */

.table-list-item 			{ margin: 10px 0px 0px 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.td-list-item 				{ padding: 5px; width: 160px; text-align: center; min-height:150px; height:auto!important;  height:150px; 
							border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.td-list-item a 			{ text-decoration: none; color: #7d62a8; font-weight: bold; }
.td-list-item a:hover 		{ text-decoration: underline; color: #7d62a8; font-weight: bold; }
img .td-list-item a			{ text-decoration:none!important; border: none!important; }

/* For the categories */
.table-class-top-left		{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.td-head					{ border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
.td-head-2					{ border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.td-head-3					{ border: 1px solid #ccc; }

.td-class-bottom-right		{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-bottom: 7px; }
.td-class-bottom		    { border-bottom: 1px solid #ccc; padding-bottom: 7px;  }
.td-class-right		        { border-right: 1px solid #ccc; }

.prod-table					{ margin: 10px 0px 0px 0px; }

/*
	SLIDER
*/
.slider-wrap								{ float: left; clear: left; width: 540px; position: relative; font-size: 11px; }			
.stripViewer .panelContainer 			
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 540px;}
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; position: relative; width: 540px; }
.stripViewer 								{ /*border: 1px solid #000; */ text-align:justify; }		
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; border: 1px solid #000; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
											  
/*
	LOOPED SLIDER
*/

/*
* Required 
*/
#loopedSlider { margin: 0; padding: 0; float: left; clear: left; width: 537px; position: relative; font-size: 11px; color:#000; }
.container { margin: 0; padding: 0; position: relative; overflow: hidden; width: 537px; height: 260px; }
.slides { margin: 0; padding: 0; position: relative; top:0; left:0; }
.panel 	{ margin: 0; padding: 0; float: left; position: relative; width: 537px; text-align:justify; /*margin: 0 15px 0 30px; */
		}
/*div.slides div,ul.slides li { position:absolute; top:0; width:600px; display:none; padding:0; margin:0; }*/
/*
* Optional
*/
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }


.shadow {
	height: 1em;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
}