/*

	STUDIOWEB.NL
	VERSION 1.0
	
	CONTENTS ----------
	
	   BODY
	   DEFAULT STYLING
	   FORMS
	   LAYOUT
	   NAVIGATION
	
    -------------------
    
    COLOURS -----------
    
        red #ce0019
        blue #004576
        white #ffffff
    
    -------------------
	
*/

@import url(reset.css); /* RESET CSS */
@import url(fancy.css);
@import url(messages.css);
@import url(livesearch.css);

/* BODY
---------------------------------------------------------------------- */
html, body {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
* {
	margin: 0px;
	padding: 0px;
	outline: 0px;
}

#elapsed {
	position: absolute;
	top: 0;left:0;
	color: black;
	display:none;
}
body {
	background: #f7f8fc url('../img/back.jpg') top left repeat-x;
	margin: 0;
	padding: 0;
	min-width: 944px;
	text-align: center;
}


/* DEFAULT STYLING
---------------------------------------------------------------------- */
body {
	font: normal 13px Helvetica, Arial, sans-serif;
	line-height: 125%;
	color: #59819d;
}
body table, table p {
	font-size: 100%;}
	
p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin:					0;
	padding:				0;
}
strong {
	font-weight: bold;}
em {
	font-style: italic;
}
small {
	font-size: 11px;}
.blue, .blue * {
	color: #004576;
}
.red, .red * {
	color: #ce0019;
}
.white {
	color: white;
}
.subhead{
	font-weight: bold;
}

a {
	color: #004576;
	text-decoration: underline;
}
a:hover, a.active {
	color: #ce0019;
	text-decoration: none;
}
a.active {
	color: #ce0019;
}

/* heading */
h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h1 {	
	clear: none;
	margin: 1px 0 1px 0;
	display: block;
	font-size: 21px;
	line-height:23px;
	color: #004576;
}
h1 a {
	color:  #004576;
	text-decoration: none;
}
h2 {
	display: block;
	font-size: 18px;
	text-align:left;
	line-height: 22px;
	color:  #004576;
}
h2 a {
	color:  #004576;
	text-decoration: none;
}
h3 {
	display: block;
	font-size: 16px;
	text-align:left;
	line-height: 18px;
	color:  #004576;
}
h3 a, h4 a, h5 a {
	color:  #004576;
	text-decoration: none;
}
h4 {
	display: block;
	font-size: 13px;
	text-align:left;
	line-height: 15px;
	color:  #004576;
}
h5 {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color:  #004576;
}
h6 {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color:  #ce0019;
}

.button-black {
	background: url("../img/btn_black.png") bottom right no-repeat;
	display: inline-block;
	font-size: 12px;
	line-height: 13px;
	padding: 8px 45px 7px 10px;
}

.btn-back {
	font-weight: bold;
}

/* specific styles */
.date {
	color: #004576;
}
.bread-text {}
.link a{
	color: #ce0019;
	font-style: italic;
}
.link a:hover{
	color: #ce0019;
}
.read-on {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.uppercase {
	text-transform: uppercase;
}
.inline {
	clear: none;
	display: inline;
}
.block {
	display: block;
}
.hidden { 
	position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden;}

/* lists */
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}
ul { 
	list-style: circle;
}
dl { padding: 10px; margin: 0; }

dt {
  font-weight: bold;
  color: #79A62E;
}
dd {
  padding-left: 25px; 
}
ul {
	margin: 9px 0 9px 22px;
	padding: 0;
	line-height: 17px;
}
ul.link { 
	list-style: none;
	list-style-type: none;
	margin:0px 0px; 
	padding:0 0 0 0px; 
}
ul.link li { 
	margin:0; 
	padding: 0; 
}
ul.link a { 
	display:block; 
	padding-left:12px; 
	background: url("../img/ul_white.png") 0px 5px no-repeat; 
}
ul.link a:hover { 
	background-image: url("../img/ul_orange.png");
} 

ul.image-list { 
	list-style: none;
	list-style-type: none;
	margin: 0; 
	padding: 0; 
}
ul.image-list li { 
	margin: 0; 
	padding: 2px 0; 
}
ul.image-list li a{ 
	padding: 2px 0 2px 20px; 
	text-decoration: none;
}

a.pdf {
	background: url("../img/icons/pdf.gif") 0px 0px no-repeat; 
}
a.xls{
	background:url(../img/icons/excel.gif) 0px 0px no-repeat; 
}
a.doc, a.docx{
	background:url(../img/icons/word.gif) 0px 0px no-repeat; 
}
a.external{
	background:url(../img/icons/external.gif) 0px 0px no-repeat; 
}
a.ico{
	background:url(../img/icons/favicon.gif) 0px 0px no-repeat; 
}

/* blockquote, img, hr */
blockquote, pre {
	padding: 10px 30px;
}
blockquote {
	font: italic 12px Georgia, Times, serif;
	margin: 8px 0;
}
* html ul, * html ol {
	margin-left: 22px;
}
img {
	margin: 0;
	padding: 0;
	border-color: #fff;
}
.pointerhand {
	cursor: pointer;
}
hr {
	border: solid #85a6be 0px;
	border-top-width: 1px;
	height: 0px;
	padding: 0px;
	line-height: 0px;
	margin-top: 7px;
	margin-bottom: 7px;
}
div.hr {
	background: #f6f9fb;
	clear: both;
	margin: 0;
	padding-top: 7px;
	padding-bottom: 7px;
}
div.hr hr {
	margin: 0;
}
div.hr2 {
	background-position: 0px 10px;
	height: 21px;}
div.hr2 hr {
	margin: 0;
	display: none}

/* images */
img {}
img.right {
	float: right;
  	margin: 0 0px 10px 10px;  
}
img.left {
	float: left;
  	margin: 0 10px 10px 0;  
}
img#loading_bar {display: none;}


code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace;
  	/* white-space: pre; */
  	border: 1px solid #EEE8E1; 
	background: #FAF7F5;
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #895F30;
}
blockquote {
	margin: 15px 10px;
 	padding: 5px 7px 5px 40px;  	
	font-weight: normal;
	font-size: 17px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;		
	color: #80614D;	
	border: 1px solid #EEE8E1; 
}

.popupMessage { display: none; }


/* LAYOUT
---------------------------------------------------------------------- */
#wrapper {
	background: url('../img/wrapper.jpg') top left no-repeat;
	border: 0;
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	padding: 0;
	min-height: 100%;
	height: auto;
}
* html #wrapper {
	height: 100%;
}
html>body #wrapper {
	height: auto;
}
#header {
	position: relative;
	width: 944px;
	height: 219px;
	margin: 0;
	padding: 0 28px;
	text-align: left;
	clear: both;
}
.push {
	height: 26px; /* .push must be the same height as .footer */
}
#top1 {
	background: url('../img/header.jpg') top left no-repeat;
	position: relative;
	width: 944px;
	height: 179px;
	margin: 0;
	padding: 0;
	text-align: left;
	clear: both;
	z-index: 30;
}
#top2 {
	background: url('../img/menurep.jpg') top left repeat-x;
	position: relative;
	width: 944px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-align: left;
	clear: both;
	z-index: 20;
}
#logo {
	position: absolute;
	top: 17px;
	left: 57px;
	z-index: 10;
	width: 90px;
	height: 100px;
}
#logotext {
	position: absolute;
	top: 116px;
	left: 142px;
	z-index: 11;
	width: 122px;
	height: 16px;
}
#wit {
	background: url('../img/sfeerbalk.png') top right no-repeat;
	position: absolute;
	top: 136px;
	right: 0px;
	width: 670px;
	height: 43px;
	z-index: 45;
}
#sfeer {
	background: none;
	position: absolute;
	top: 0px;
	right: 0px; 
	width: 655px;
	height: 179px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 35;
}
#sfeer div {
	width: 655px;
	height: 179px;
	overflow: hidden;
}
#sfeer .headtitle {
	position: absolute;
	top: 150px;
	right: 20px;
	width: 400px;
	height: 23px;
	z-index: 55;
	font-size: 21px;
	color: #ffffff;
	font-style: italic;
	text-align: right;
}
#pagebody {
	background: url('../img/pagebody.jpg') top left repeat-y;
	text-align:left;
	width: 944px;
	min-height: 400px;
	padding: 0 28px;
}
*html #pagebody {
	height: 400px;
}
#content {
	width: 944px;
	margin: 0;
	min-height: 468px;
	padding: 0;
	text-align: left;
	z-index: 5;}
#contentleft {
	background: url('../img/left.jpg') top left repeat-x;
	width: 233px;
	margin: 0 11px 0 0;
	padding: 0;
	float: left;
	min-height: 468px;
	text-align: left;
	z-index:6;}
#contentcenter, #contentcenter2 {
	border: 0;
	width: 694px;
	min-height: 468px;
	margin: 0;
	padding: 0;
	float: left;
	z-index:7;}
#contentcenter2 {
	width: 488px;	
}	
#contentcenter.white-background,#contentcenter2.white-background {
	background-color: #ffffff;
}
#contentright {
	border: 0;
	width: 250px;
	min-height: 468px;
	margin: 0;
	padding: 0;
	float: left;
	z-index:8;}
	
* html #contentleft, * html #content, *html #contentright, * html #contentcenter {
	height: 468px;
}
/* Hides from IE5-mac  (3 pixel bug ie)
* html #contentleft, * html #contentcenter, #contentright{height: 1%;}\*/
/* End hide from IE5-mac */

#contentleft-inner {

}
#contentcenter-inner {
	padding: 30px 0 0 60px;
}
#contentright-inner {
	padding: 30px 0 0 20px;
}

.clear,.clear-15px {
	clear: both;
	height: 0px;
	line-height: 0px;
}
.clear-15px {
	height: 15px;
}
/* main column */
#sidebar-left {
	float: left;
	width: 240px;
}
#main, #main-long {
	float: left;
	width: 491px;
	padding: 0; margin: 0;
}
#main-long {
	width: 746px;
}

/* sidebar */
#sidebar {	
	z-index: 12;
	position: relative;
	float: left;
	width: 245px;
	margin: 0 0 0 10px;
	padding: 0; 
	overflow-x: hidden;
}
#sidebar img{	
	display: block;
}

/* bottom/footer */
#bottom { display: none;
	background-color: #fff;
	clear: both;
	margin: 0;
	padding: 0;
	width: 986px;
	height: 36px;
	font-size: 12px;
}
#bottom p {
	margin: 0;
	padding: 9px 25px 0 0;
	color: #ce0019; 
}
#bottom a { 
	color: #ce0019; 
}
#bottom a:hover { 
	color: #ce0019; 
	border-bottom: 1px dotted #ce0019;
	text-decoration: none;
}

#footer { display: none;
	background: #fff url("../img/footer.png") left bottom no-repeat;		
	margin: 0;
	padding: 0;
	height: 16px;
}
	
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: none; }
.clear { 
	clear: both;
	height:0; 
	font-size: 0px;
	line-height: 0px;
}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


/* NAVIGATION
---------------------------------------------------------------------- */
div#topmenu1 {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #004576;
	text-align: left;
	height: 40px;
	width: 690px;
	padding: 0;
	font-size: 12px;
	z-index: 80;  
}
div#topmenu1 a {
	text-decoration: none;
	color: #151b71;
}
div#topmenu1 a:hover, div#topmenu1 a.link_active {
	color: #d5d600;
}
div#smallmenu {
	border: 0;
	background: url('../img/smenurep.jpg') top left repeat-x;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align:left;
	padding: 6px 0 0 15px;
	height: 34px;
	width: 215px;
	font-size: 14px;
	line-height: 16px;
	color: #7c96c7;
	z-index: 70;  
}
div#smallmenu a {
	text-decoration: none;
	color: #7c96c7;
}
div#smallmenu a:hover, div#smallmenu a.link_active {
	color: #fff;
}


#nav {
	position: relative;
	height: 40px;
	margin: 0;
	padding: 0;
	z-index: 8;
	list-style: none; text-align: left;
	}
#nav li {
	position: relative;
	float: left;
	list-style: none;
	margin-right:1px;
	z-index: 9;
}
* html #nav li {
	\display: inline;
	list-style: none;}
#nav li a {
	padding: 11px 12px;
	display: block;
	font-size: 12px;
	margin: 0;
	background: url('../img/menuback.jpg') 5px 7px no-repeat;
	color: #6891ae;
	font-weight: normal;
	text-decoration: none; line-height: 18px; text-align: center;
}
@media all and (min-width: 0px){
   html>body  #nav li a {min-width: 1px;}}
  
#nav li:hover, #nav li.active{}
#nav li:hover a, #nav li a:hover, #nav li a.active {
	background-image: none;
	background-color: #7ba2be;
	color: #fff;
	margin-left: 0;
	font-weight: normal;
	border: 0;
}
#nav li ul {
	background-color: #7ba2be;
	display: none;
	width: 150px;
	border: 0;
	position: absolute;
	z-index:9;
	top: 40px;
	width: 192px;
	left: 0;
	list-style-image: none;
	line-height: 0;
	overflow:hidden;
	padding: 0; margin: 0 0 0 0;
	text-align: center;}
#nav li ul li {
	background: url('../img/submenu_off.png') top left repeat-y;
	margin: 0;
	padding: 0;
	border: 0;
	width: 192px;
	float: none;
	z-index: 10;
	line-height: 0;
	overflow:hidden;
	list-style: none;
	}
#nav li ul li:hover, #nav li ul li.link_active {

}
#nav li ul li.firstitem {
 }
#nav li ul li.delim.first {}
#nav li ul li a, #nav li:hover{
	border:0;
}
#nav li ul li a, #nav li:hover ul li a {
	background-image: none;
	display: block;
	margin: 0; padding: 9px 9px 8px 20px; border: 0;
	border: 0;
	color: #ffffff; 
	font-size: 12px; 
	line-height: 14px; 
	text-decoration: none; 
	font-weight: normal;
	text-align: left;	}
html>body #nav li ul li a {
	width: auto; }
/*(#nav li ul li:hover{
	border: 0;
	border-top: #78797a 1px solid;
	background-color:#fff;
}*/
#nav li ul li a.link_active, #nav li ul li:hover a, #nav li ul li a:hover {
	background: #95b9d0 url('../img/submenuover.jpg') 0 7px no-repeat;
	border: 0;
	color:#002f5d;
	text-decoration: none; }

/* -- second sub ul */
#nav li:hover ul, #nav li:hover li:hover ul { 
	display: block !important;}
#nav li ul ul, #nav li:hover ul ul {
	display: none !important;
	top: -1px;}
#nav li ul li:hover ul li a {
	font-weight: normal;}
	

/* FORMS
---------------------------------------------------------------------- */
form {
	margin: 0; 
}
form {
	margin: 0;
	padding: 0;
}
fieldset {
	clear: both;
	font-size: 100%;
	background-color: #dde8f2;
	border-color: #004576;
	border-width: 1px 0 0;
	border-style: solid none none none;
	padding: 3px 10px;
	margin: 0px auto;
	margin-bottom: 10px;
}
fieldset fieldset{
	border-style: dotted;
	border-width: 1px;
}
fieldset.borderless {
	border: none;
}
fieldset.download-subsection {
	float: left;
	margin-right: 5px;
	width: 275px;
	clear: none;
}
fieldset p{
	margin: 0 0 4px 0;
}
fieldset legend {
	margin-left: -2px;	
	font-size: 16px;
	font-weight: normal;
	color: #004576;
	margin: 0 0 0 0;
	padding: 0 3px 8px 3px;
}
fieldset fieldset legend {
	background-color: #dde8f2;
}
/** html legend{
    position:absolute;
    left: -2px;
}*/

label.float-left{
	float: left;
	clear: left;
	text-align: left;
	width: 165px;
	padding-top: 3px;
}
.fieldset-content {
	float: left;
	width: 285px;
}	
label {
	padding: 0;
	font-size: 100%;
}

label.error {
	background: url(../img/icons/error.png) no-repeat;
	padding: 3px 3px 3px 18px;
	color: red;
}
label u {
	font-style: normal;
	text-decoration: underline;
}
input, select, textarea {
	font-family: Arial, sans-serif;
	color: #004576;
	margin: 1px 2px;
	padding: 5px 4px;
	border: 0;
	font-size: 12px;
	line-height: 15px;
}
input.error, input.error:focus, textarea.error, textarea.error:focus, select.error, select.error:focus {
	border: 1px dotted red;
}
/*input:focus, select:focus, textarea:focus {
	color: #393936;
	border-color: #393936;
}*/
input.submit, input.button {
	background: #023e63;
	color: white;
	padding: 2px 4px;
}
select {
	padding: 2px;
}
select:focus {
	/*padding: 0;*/
}
select:focus option {
	/*margin: 2px 0; padding: 0 2px;*/
}
textarea {
	overflow: auto;
}
.activeField
{
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #004576;
}
.idle
{
    border: solid 1px #6a9cc8;
    background-image: url('../img/blue_bg.png');
    background-repeat: repeat-x;
    background-position: top;
}

.input-text {
	width: 152px;
}
.input-text-200 {
	width: 200px;
}
input.input-text-40, input.input-qty {
	background:url(../img/textfield_40.png) top left no-repeat;
	width: 32px;
}
input.input-text-50 {
	width: 50px;
}
input.input-text-30 {
	width: 30px;
}
input.input-text-80 {
	width: 80px;
}
input.input-input-search {
	width: 160px;
	font-size: 10px;
}


.text-format {
	background: transparent;
	margin: 0;
	padding: 0;
	border: none;
}

	

/* buttons */
a.button, a.button2, a.button3{
	background:url(../img/btn_150.png);
	display:inline-block;
	margin: 1px 0;
	color:#555555;
	font-weight:bold;
	height:24px;
	line-height:24px;
	text-decoration:none;
	width:150px;
	text-align: left;
}
a:hover.button,a:hover.button2,a:hover.button3{
	background-position: 0px -24px;
	color:#6a9b29;
}
a.button2 {
	background:url(../img/btn_200.png);
	width:200px;
}
a.button3 {
	background:url(../img/btn_85.png);
	width:85px;
}

a.button.disabled {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	cursor: default;
}

a .add{
	background:url(../img/icons/add.gif) no-repeat 8px 5px;
	text-indent:28px;
	display:block;
}
a .delete{
	background:url(../img/icons/delete.gif) no-repeat 10px 8px;
	text-indent:28px;
	display:block;
}
a .xls{
	background:url(../img/icons/excel.gif) no-repeat 10px 1px;
	text-indent:28px;
	display:block;
}
a .alert{
	background:url(../img/icons/alert.gif) no-repeat 10px 8px;
	text-indent:28px;
	display:block;
}
a .save{
	background:url(../img/icons/save.gif) no-repeat 6px 4px;
	text-indent:26px;
	display:block;
}
a .previous{
	background:url(../img/icons/previous.png) no-repeat 6px 4px;
	text-indent:26px;
	display:block;
	text-align: center;
}
a .print{
	background:url(../img/icons/print.gif) no-repeat 8px 4px;
	text-indent:28px;
	display:block;
}
a .next{
	background:url(../img/icons/next.png) no-repeat 100% 4px;
	text-indent:8px;
	padding-right: 26px;
	display:block;
	text-align: center;
}
a .pdf{
	background:url(../img/icons/pdf.gif) no-repeat 8px 4px;
	text-indent:29px;
	display:block;
}


/* MISCELLANEOUS
---------------------------------------------------------------------- */
.static {
	background: #fff;
	margin-bottom: 15px;
	padding: 5px 10px;
}
.static.firstitem {
	height: 238px;
}


/* products */
.products{}
.product-item {
	float: left;
	background: url("../img/b_product.jpg") right bottom no-repeat;
	display: block;
	width: 315px;
}
.product-item.firstitem {}
.product-item.odd {
	margin-left: 0;
	clear: left;
}
.product-image {
	position: relative;
	float: left;
	width: 120px;
	height: 112px;
	padding: 0;
	text-align: left;
	overflow: hidden;
}
.product-item img{
	margin: 0 0 0 2px;
	border: none;
	display: block;
}
.product-body {
	float: left;
	padding: 0;
	width: 190px;
}
.product-description{
	padding: 0 5px 0 0;
	color: #618dab;
}
.product-title {
	font-weight: bold;
	height: 40px;
}
.product-title a {
	text-decoration: none;
}
.product-detail-item {
	display: block;
}
.product-detail-title {
	display: block;
	padding: 5px 0;
}

.product-detail-image {
	float: right;
	width: 200px;
}
.product-detail-body {
	float: left;
	width: 400px;
}


/* news */
.news{}
.news-item {
	display: block;
	margin-bottom: 15px;
}
.news-item.firstitem {
	width: 491px;
	height: 238px;
	float: left
}
.news-item.odd {
	margin-left: 0;
	clear: left;
}
.news-item-inner {
}
.news-image {
	float: right;
	width: 155px;
	padding: 0;
	text-align: right;
}
.news-image img{
	float: right;
}
.news-image.long {
	width: 140px;
	min-height: 150px;
}
.news-body {
	padding: 0;
}
.news-body.long {
	padding: 0;
}
.news-item img{
	border: none;
}
.news-description{
}
.news-body.long{
	width: auto;
}
.news-item h4 a{
	text-decoration: none;
}
.news .news-item .news-date{
	font-weight: bold;
}
.news .news-item h4{
}


/* sidebox */
.sidebox-item {
	background: url("../img/sidebox.jpg") top left no-repeat;
	clear: both;
	margin-bottom: 5px;
	padding: 8px 12px;
}
.sidebox-image {
	float: left;
	margin: 3px 5px 2px 0;
}
.sidebox-body{
	margin: 0;
	padding: 0;
	float: left;
	width: 150px;
}
.sidebox-title {
	text-decoration: none;
}

/* pagination */
.pagination {
	height: 26px;
	margin: 0;
	font-size: 12px;
	color: #004576;
	text-align: left;
}
.pagination.float-right {
	float: right;
}
.pagination a {
    display: block;
    text-decoration: none;
}
.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 3px 5px;
    border: 1px #004576 solid;
    margin-left: 2px;
    margin-right: 2px;
    color: #004576;
}
.pagination span.current_page {
	background-color: white;
	color: #ce0019;
	border-color: #ce0019;
}
.pagination .current.next, .pagination .current.prev {
	color: #004576;
}


/* toepassingen screenshots */
.gallery-mainphoto {
	width: 400px;
	height: 281px;
	overflow: hidden;
	text-align: center;
}
.gallery-mainphoto img{
	position: relative;
	border: 0;
	margin: 0px auto;
}
.gallery-info {
	padding: 3px 1px;
	font-style: italic;
}
/*.gallery-thumbnail {
	float: left;
	width: 104px;
	height: 79px;
}
.gallery-thumbnail img{
	position: relative;
	top: 2px; left: 2px;
	border: 0;
}*/

.gallery-thumbnails { margin: 0; padding: 0; }
.gallery-thumbnails li { 
	background: url("../img/thumbnail_shadow.png") top left no-repeat;
width: 101px;height: 68px; overflow: hidden; float: left; list-style: none }
.gallery-thumbnails a { width: 100px; display: block; }
.gallery-thumbnails a.activeSlide { }
.gallery-thumbnails a:focus { outline: none; }
.gallery-thumbnails img { border: none; display: block; 	position: relative;
	border: 0;
}


#product-filter-menu {
	background: #dde8f2;
	margin-bottom: 10px;
	padding: 3px 10px;
	text-align: left;
}


.Content{
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
}
.Content td.Content_left{
	padding: 0;
	margin: 0;
	border: 0;
}
.Content td.Content_right{
	padding: 0 0 0 20px;
	margin: 0;
	border: 0;
	width: 210px;
}
.Content td.Content_right img{
	margin-bottom: 10px;
}

#orders{

}
#orders th{
	padding: 3px;
	font-weight: bold;
}
#orders td{
	padding: 2px;
}

.dit-icon {
	display:inline;
	float:left;
	margin-left:35px;
	margin-bottom: 15px;
}

/* ------------ TABLE STYLE HOMEPAGE ----------- */


.table-style tbody tr td:nth-of-type(1n) {
	background: url("../img/sidebox.jpg") top left no-repeat;
	padding: 0;
}

.table-style tbody tr td:nth-of-type(even) {
	background: none !important;
}

.table-style tbody tr:nth-of-type(4) td, .table-style tbody tr:nth-of-type(2) td, .table-style tbody tr:nth-of-type(6) td {
	background: none !important;
}

.table-style tbody tr:nth-of-type(1) td h2, .table-style tbody tr:nth-of-type(5) td p, .table-style tbody tr:nth-of-type(3) td, .table-style tbody tr:nth-of-type(7) td {
	padding: 10px;
}

.table-style tbody tr td a:hover {
	color: red;
}



.table-style a {
	text-decoration: none;
}