/* CSS SCRIPT */


html {

color:#231f20;
font-family:futura,Helvetica;
font-size:12px;
line-height:17px;
height:100%;
margin:0;
padding:0;

}

body {

margin:0;
padding:0;

height:100%;
color:#231f20;
}


div#container {

margin:0 auto;
width:100%;
background:url("../images/bodyheader.jpg") repeat-x scroll 0 0 transparent;
min-height:100%;
position:relative;


}

div#container2 {

margin:0 auto;
width:100%;
background:url("../images/bodyheader3.jpg") repeat-x scroll 0 0 transparent;
min-height:100%;
position:relative;


}

div#subcontainer {

width:960px;
margin:0 auto;
padding-bottom: 45px;

}

/* header */

div#header {

position:relative;
width:960px;
height:138px;

}

div#headerTwo {

position:relative;
width:960px;
height:140px;
display:block;

}

div#logoPRINTTECH {

position:absolute;
top: 0;
left:0;
width: 389px;
height:139px;
background:url("../images/logo.jpg") no-repeat scroll 0 0 transparent;

}

div#adminlogoPRINTTECH {

position:absolute;
top: 0;
left:0;
width: 389px;
height:139px;
background:url("../images/logo.jpg") no-repeat scroll 0 0 transparent;

}

div#loginBox {

float:right;
color:#ffffff;
width:185px;
margin-top:40px;
}

div#headerIcons {

position:absolute;
top: 117px;
left:610px;
width: 346px;


}

div#headerIcons ul li {

float:left;
margin-left:15px;
width:20px;

}


#flashcontent {


}

#hline1 {

border-bottom:1px dotted #231F20;
width:100%;
margin:30px 0;

}

#hline2 {

border-bottom:1px solid #231F20;
width:5%;
margin: 25px 0 25px 0;

}


/* menu */

div#mainMenu { 

width: 100%;
position: relative; 
margin-bottom:27px;
background:#ffffff;
border-bottom: 4px solid #c3c3c1;
overflow: visible;

}


ul#mainNavigation {  position: relative;margin:0 0 0 4px;padding:0;list-style-type:none;width:auto;height:30px;font-size:11px;font-weight:normal;  }

ul#mainNavigation li { float:left; overflow: visible; margin:0;padding:0; }

ul#mainNavigation li a { outline:none;float:left;color:#ffffff;text-decoration:none; background:#4f4e4e;margin:5px 5px 0 5px;padding: 5px 11px 0 11px;height:20px;}

ul#mainNavigation li a:hover { color:#4f4e4e;margin:5px 5px 0 5px;padding: 5px 11px 0 11px;height:20px; background:#c3c3c1; }

ul#mainNavigation li a.current{ color:#4f4e4e;margin:5px 5px 0 5px;padding: 5px 11px 0 11px;height:20px; background:#c3c3c1;  }



ul#mainNavigation ul { position: absolute; left: -1px; top: 30px; z-index: 200; display: none;  background:transparent; width: 100%;border-top: 4px solid #c3c3c1; margin-left:0;    }

ul#mainNavigation ul li { float:left; text-align:left; padding: 0; font-size: 12px; background:transparent; }

ul#mainNavigation ul li a {  float:left;  text-align:center; padding: 1px 10px 2px 10px; color: #4F4E4E; outline: 0; background:transparent; }

ul#mainNavigation ul li a:hover {  float:left;  text-align:center;  padding: 1px 10px 2px 10px; color: #000000; outline: 0; background:transparent; }


ul#mainNavigation li:hover ul { width: 100%; padding:0; overflow: visible; display: block; text-align:left; z-index: 10;  background:#ffffff; }

ul#mainNavigation li ul.current {  padding:0; overflow: visible; display: block; text-align:left;z-index: 4; background:#ffffff;height:12px;  }

ul#mainNavigation li ul.current li a.current{ padding:0; float:left;  text-align:center;  padding: 1px 10px 2px 10px; color: #000000; outline: 0; text-decoration:underline; background:#ffffff; }

ul#mainNavigation li ul.current li a:hover{ padding:0; float:left;  text-align:center;  padding: 1px 10px 2px 10px; color: #000000; outline: 0; text-decoration:underline; background:#ffffff; }

ul#mainNavigation li ul li a:hover{ padding:0; float:left;  text-align:center;  padding: 1px 10px 2px 10px; color: #000000; outline: 0; text-decoration:underline; background:#ffffff; }


ul#mainNavigation li:hover ul ul  { position: absolute; left: 215px; top: 30px; z-index: 400; display: none;  background:transparent; width: 300px;border-top: 4px solid #c3c3c1; margin-left:0;    }

ul#mainNavigation li:hover ul li:hover ul  { margin:-3px 0 0 0; display: inline; text-align:left; z-index: 400;top:30px;   background:transparent; border:0; }



/* content */

div#content {

position:relative;
float:left;
width:960px;
margin:0;
padding: 0 0 30px 0;
height:100%;
z-index:0;
}

div#panelContent {

margin: 0;

}

div#panelContent2 {

margin: 0;

}

div#login {

	margin: 30px 0 0 0
}


div#panelContent ul.normal, div#panelContent2 ul.normal {

margin:0 30px;
padding:0;
list-style-type:square;

}

div#panelContent ul.normal li, div#panelContent2 ul.normal li {

margin:0 0 5px 0;
padding:0;

}


/* panels */

div#panelhomeExamples {

position:relative;
margin-top:35px;
float:left;
background-color:#ffffff;
height:200px;
width:960px;

}


div#panelhomeText {

background:url("../images/introBlock.jpg") no-repeat scroll 0 0 transparent;
position:relative;
margin-top:45px;
float:right;
background-color:#ffffff;
height: auto;
width:960px;

}




div#panelhsubLine {

margin-top:30px;
border-top: 1px dotted #231F20;
height:1px;
width:960px;
float:left;

}


div#panelhLine {

margin-top:10px;
margin-bottom:20px;
border-top: 1px dotted #231F20;
height:1px;
width:960px;
float:left;

}


div#panelproductsText {

//background:url("../images/introBlock.jpg") no-repeat scroll 0 0 transparent;
position:relative;
margin-top:35px;
float:right;
background-color:#ffffff;
height: auto;
width:960px;
text-align:justify;
}

div#panelproductsProducts {

//background:url("../images/introBlock.jpg") no-repeat scroll 0 0 transparent;
position:relative;
margin-top:35px;
float:right;
background-color:#ffffff;
height: auto;
width:960px;
text-align:justify;
}


div#panelproductsProducts ul li, div#panelproductsText ul li, div#panelhomeText ul {
list-style-type:square;
margin:10px;
padding:0;
}

div#panelproductsProducts ul li, div#panelproductsText ul li, div#panelhomeText ul li {

margin:0 0 5px 0;
padding:0;

}

div#productPanel {

float:left;
width:475px;
text-align:justify;

}

div#productimagePanel {

float:right;
width:450px;
text-align:center;
}


div#productimagePanel img {

margin-top:50px;

}


div#focus {

padding:15px;
background:#C3C3C1;
margin:0 0 20px 0;

}


#results {

padding-top:15px;

}

.type {

ouline: none;

}

/* footer */

footer {
background:#0f2022;
display:block;
height:25px;
position:relative;
width:100%;

}


#footer {

height:25px;
margin:0 auto;
padding:0;
width:100%;
background-color:#0f2022;

}


div#footerMenu { margin: 0 auto; width: 620px; }

ul.footer {  float:left; margin: 5px 0 0 0;color: #ffffff; }
ul.footer li { float:left; margin; 0 10px 0 330px; }




/* slider */

table.slide { margin: auto; border-collapse: separate; border-spacing: 0;  }
td.slide { vertical-align: top; text-align:center; width: 960px;}
hr { margin-top: 20px; }

pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics { height: 200px; width: 960px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 960px; padding: 0; background-color: #eee; top:0; left:0 }
.pics img {
	-moz-border-radius: 0px; -webkit-border-radius: 0;
}

#nav { position:absolute; margin: -25px 6px 5px 2px; z-index:200; left: 0;}
#nav a { margin: 5px; padding: 3px 6px; border: 1px solid #ffffff; background: #4F4E4E; text-decoration: none;color: #4F4E4E;  }
#nav a.activeSlide { background: #C3C3C1;color: #C3C3C1; }
#nav a:focus { outline: none; }

#player { margin:20px 10px 0 10px; }


/* scroll div */

	
	#smallScroller
	{
		margin: 0 auto;
		margin-top:20px;
		width:700px;
		padding: 0 100px 0 100px;
		height: 180px;
		position: relative;
		border: solid 0 #ccc;
		background:url("../images/moreworkBG.jpg") repeat-x scroll 0 0 transparent;
	}
	
	#smallScroller div.scrollableArea *
	{
		display: block;
		position: relative;
		float: left;
		padding: 0;
		margin-top:10px;

	}
	
	div.scrollingHotSpotLeft, div.scrollingHotSpotRight
	{
		min-width: 35px;
	}
	


/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.png);				
	background-color: transparent;
	background-repeat: no-repeat;
	opacity: 0.95; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.95; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 95); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.png);
	background-color: transparent;
	background-repeat: no-repeat;
	opacity: 0.95;
	filter: alpha(opacity = 95);
	-moz-opacity: 0.95;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}



/* standard */

.image { margin: 10px 15px 10px 0; }

ul.normal {
list-style-type:square;
margin:10px 20px 20px 25px;
padding:0;
}

ul.normal li {

margin:0 0 5px;
padding:0;

}



ul {
list-style-type:none;
}



td {

text-align:left;
padding: 0;

}

td {

vertical-align:top;
padding: 0;

}

th {

text-align:left;
padding: 0 5px 0 0;

}

th.first {

vertical-align:top;
padding: 0 5px 0 10px;

}

div {

text-align:left;

}

div.clear {

clear:both;

}

p {

margin: 20px 0;

}

#sitemap #right ul li {

	color:#4FA003;
	list-style:circle inside none;

}

#sitemap #right ul li ul li {

	color:#4FA003;
	list-style:disc inside none;
	padding-left:20px;

}

.error {

	clear:both;
	color:red;
	float:left;
	margin-left:120px;

}

.orderLabel {

	float:left;
	height:25px;
	width:120px;

}

form {

	display:inline;
	margin:0;

}
input {

	background:none repeat scroll 0 0 #c3c3c2;
	border:1px solid #ffffff;
	font-size:1em;
	margin-bottom:5px;
	margin-right:5px;
	cursor:pointer;
}

input:hover, input:focus, select:hover, checkbox:hover {

	background:none repeat scroll 0 0 #7e7f81;
	border:1px solid #f6f8f8;
	cursor:pointer;
}


input[type="text"], input[type="password"] {

	padding:4px;
	cursor:pointer;
	width:175px;
}

input[type="button"],input[type="reset"],input[type="file"], input[type="submit"] {

	background:url("../images/layout/nav.png") repeat-x scroll left -50px transparent;
	color:#ffffff;
	cursor:pointer;
	padding:3px 7px 3px 7px;
	background:#19171c;

}
input[type="reset"]:hover, input[type="file"]:hover,input[type="button"]:hover, input[type="submit"]:hover {

	background:#6F7072;
	cursor:pointer;
	color:#19171c;
}

input[type="checkbox"] {

	background:none repeat scroll 0 0 #eff1f6;

}

textarea {

	border:1px solid #6e6f71;
	width:400px;

}


label {

	

}



.siteImage { margin:0 0 20px 20px; }

.siteImage2 { margin:5px 20px 20px 0; }



#fadeshow1 {

	margin: 15px 0 15px 0;

}


.informationImage {

 padding:10px 10px 0 0;
 margin: -5px 0 0 15px;
 float:left;

}

h1.header {

 font-size: 12px;
 font-weight:normal;
 margin:7px 0 10px 10px;
 color: #ffffff;

}

h1.blockHeader {

background:url("../images/introBlock.jpg") no-repeat scroll 0px 0px transparent;
color:#4f4e4e;
font-size:16px;
font-weight:bold;
margin:0 0 1px 0;
padding:10px 0 0 48px;
height:30px;
float:left;

}

h1.blockHeader2 {

background:url("../images/introBlock2.jpg") no-repeat scroll 0px 0px transparent;
color:#4f4e4e;
font-size:16px;
font-weight:bold;
margin:0 0 1px 0;
padding:10px 0 0 48px;
height:30px;
float:left;

}



h1 {

 font-size: 14px;
 font-weight:bold;
 margin: 15px 0 20px 0;
 float:left;

}

h2 {

 font-size: 12px;
 margin: 0 0 0 0;
 font-weight:bold;
 

}


h3 {
 margin:0;
 font-size: 12px;
 font-weight:bold;
 
}

#breadcrumb {

 margin: 0 0 10px 0;
 width:450px;
 float:left;
}


/* hyperlinks */


.link1     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: none;color:#e7991f; 
}

.link1:hover     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#e7991f; 
} 

.link2     	{ 
	font-size: 121px;cursor: pointer;font-family:futura,Helvetica; text-decoration: none;color:#000000; 
}

.link2:hover     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#000000; 
} 

.link3     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: none;color:#4F4E4E; 
}

.link4:hover     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#4F4E4E; 
} 

.link4     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#4F4E4E; 
}

.link3:hover     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#4F4E4E; 
}

.footerheadNav     	{ 
	font-size: 12px;cursor: pointer;font-family:futura,Helvetica; text-decoration: none;color:#e7991f; 
}


.footerheadNav:hover     	{ 
	font-size: 12px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#e7991f; 
} 



.footerNav     	{ 
	cursor: pointer;font-family:futura,Helvetica; text-decoration: none;color:#ffffff; 
}


.footerNav:hover     	{ 
	cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#ffffff; 
} 


#slideshow {

border: 1px solid #c3c3c3; 

}

#ProductDetails {position: absolute; margin:170px 0; background-color: #transparent; color: #000; z-index: 30000; width: 960px;  display: block; overflow: visible;font-size:9px;line-height:13px;}
.scoreWrapper {background-color: #C3C3C1; padding: 15px; }
.scoreTable { border-collapse: collapse; margin: 0; padding: 0;}
.scoreTable .name {border-right: solid 1px #fff; width: 52px;}
.scoreTable .value {padding-left: 20px;}
.scorePointer {height: 10px; padding: 0; margin: 0;}
.scorePointer img {padding: 0; margin: 0; float: left; margin-left: 10px;}

#ProductDetails2 {position: absolute; margin:340px 0; background-color: #transparent; color: #000; z-index: 30000; width: 960px;  display: block;font-size:9px;line-height:13px;}

#flags {
float:right;
margin:60px 0 0 0;
padding:5px 0 0 10px;
text-align:right;
width:108px;

}