@charset "utf-8";
@import url("header.css");
@import url("secondary.css");
@import url("category.css");
@import url("googleSearch.css");
@import url("footer.css");
@import url("eLearning.css");
* {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
html, body {
	height: 100%;
}

body {
	background-color: #bababa;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height:15px;
	background-image:url(/images/body_Back2.png);
	background-repeat:repeat-x;
	background-position:center top;
}

#wrapper {
	width: 1400px;
	position: relative;
	left: 50%;
	margin-left:-700px;
	background-color: #FFF;
	background-image:url(/images/wrapper_Back.jpg);
	background-repeat: no-repeat;	
	display:block;
	
	min-height: 100%;
	
	/*border: 1px solid #f00;*/
}
#content {
	width: 1006px;
	position: relative;
	left: 50%;
	margin-left:-503px;	
	display:block;

	/*border: 1px #ff0000 solid;*/
	/*background-color:#960;*/
}
#main {
	width: 685px;
	float:right;
	display:inline;
}
body#home.index #main {
	width: 605px;
	float:right;
	display:inline;
	
}
.mainPadding {
	display:block;
	padding-right:11px;

}
body#home.index .mainPadding {
	display:block;
	padding-right:19px;
}
#mainTop {
	background-image:url(/images/main/main_Top.png);
	background-repeat: no-repeat;	
	display:block;
	width:674px;
	height:33px;
}

#mainTop span {
	line-height:33px;
	padding-left:19px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	display:block;
}
#mainTop a {
	color:#41cccc;
	text-decoration:none;
}
#mainTop a:hover {
	color: #ccc;
	background-color:#41cccc;
}
#mainMiddle {
	background-image:url(/images/main/main_Middle.png);
	background-repeat:repeat-y;
	display:block;
	width:674px;
}
body#home.index #mainMiddle {
	background-image:none;
	display:block;
	width:586px;
}
.mainMiddle {
	display:block;
	width:674px;
	background-color:#666;
}
.mainMiddlePadding {
	display:block;
	
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	
	/*border: 1px solid #f00;*/
}
#mainLeft,
.mainLeft{
	width:408px;
	display:inline;
	float:left;
	
	font-size:12px;
	line-height:15px;
}
body#home.index #mainLeft {
	width:282px;
	display:inline;
	float:left;
}
#mainLeft h1,
.mainLeft h1,
.mainMiddlePadding h1 {
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding-bottom:6px;
}
#mainLeft h2,
.mainLeft h2,
.mainMiddlePadding h2 {
	font-size:12px;
	font-weight:bold;
	color:#666;
	padding-top:6px;
	padding-bottom:2px;
}
#mainLeft h3,
.mainLeft h3,
.mainMiddlePadding h3{
	font-size:11px;
	font-weight:bold;
	color:#666;
	padding-top:12px;

}
#mainLeft a,
.mainLeft a,
.mainMiddlePadding a{
	color:#329a9a;
	text-decoration:none;
	font-weight:bold;
}
#mainLeft a:hover,
.mainLeft a:hover,
.mainMiddlePadding a:hover{
	color:#ccc;
	background-color:#329a9a;
}
#mainLeft a.image:hover,
.mainMiddlePadding a.image:hover
{
	background-color:transparent;
}
/*
body#home.index #mainLeft a.image:hover
{
	background-color:transparent;
}
*/
#mainLeft p,
.mainLeft p {
	padding-top:10px;
}
div.images {
	padding-top:10px;
	padding-bottom:10px;
	display:block;
}
#mainLeft ul,
.mainLeft ul,
.mainMiddlePadding ul{
	margin-left:25px;
	margin-right:10px;
	margin-top:10px;
}
#mainLeft li,
.mainLeft li,
.mainMiddlePadding li{
	padding-top:3px;
	padding-bottom:3px;
}
#mainLeft .column,
.mainLeft .column{
	float:left; 
	display:inline;
	margin-left:25px;
}
#mainLeft .big,
.mainLeft .big{
	color:#333;	
	font-weight:bold;
	
	margin-top:25px;
	border-top: 1px solid #000;
	background-color:#f1f1f1;
	background-image:url(/images/big_Back.gif);
	background-repeat:repeat-x;
	padding:10px;
	color:#333;	
	font-weight:bold;

	font-size:13px;
	line-height:21px;
	border-bottom: 1px solid #000;
	margin-bottom:25px;
	
	
	
}
#mainLeft blockquote,
.mainLeft blockquote {
	border:1px solid #000; 
	background-color:#e5f3f3;
	padding-top:5px; 
	padding-bottom:5px; 
	padding-left:10px; 
	padding-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}
#mainLeft blockquote h2,
.mainLeft blockquote h2 {
	color:#333333;
}
#mainRight,
.mainRight{
	width:196px;
	display:inline;
	float:right;
	
	font-size:11px;
	line-height:14px;
	color:#666666;
}
body#home.index #mainRight {
	width:282px;
	display:inline;
	float:right;	
}
#mainRight a,
.mainRight a{
	color:#329a9a;
	text-decoration:none;
	font-weight:bold;
}
#mainRight a:hover,
.mainRight a:hover{
	color:#ccc;
	background-color:#329a9a;
}
#mainRight a.image:hover,
.mainRight a.image:hover{
	background-color:#fff;
}
body#home.index #mainRight a.image:hover
{
	background-color:transparent;
}
#mainRight h2,
.mainRight h2{
	font-size:11px;
	font-weight:bold;
	color:#333;
	padding-top:6px;
	padding-bottom:2px;
	text-transform:uppercase;
}
#mainRight ul,
.mainRight ul{
	margin-left:15px;
	margin-right:10px;
	margin-bottom:10px;
}
#mainRight li,
#mainRight li{
	padding-top:3px;
	padding-bottom:3px;
}
#mainRight .big,
.mainRight .big{
	margin-top:25px;
	border-top: 1px solid #000;
	background-color:#f1f1f1;
	background-image:url(/images/big_Back.gif);
	background-repeat:repeat-x;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	color:#333;	
	font-weight:bold;

	font-size:13px;
	line-height:21px;
	border-bottom: 1px solid #000;
	margin-bottom:25px;
}
#mainRight p,
.mainRight p {
	padding-bottom:10px;
}

#mainBottom {
	background-image:url(/images/main/main_Bottom.png);
	background-repeat: no-repeat;	
	display:block;
	width:674px;
	height:30px;
	clear:both;
}
.clearLeft {
	clear:left;
}
.clear {
	clear:both;
}
.clearRight {
	clear:right;
}
a.visitELearnBtn {
	display:block;
	background-image:url(/images/eLearnBtn.jpg);
	background-repeat: no-repeat;
	width:196px;
	height:36px;
	background-position: bottom;
}
a.visitELearnBtn:hover {
	background-image:url(/images/eLearnBtn-over.jpg);
}
.border {
	border: 1px #000 solid;
}
.caption {
	font-size:10px;
	font-weight:bold;
	text-align:right;
	color:#666666;
	padding-top:0px !important;
}
.newHighlight {
	font-size: 14px;
	font-weight: bold;
	color:#333333;
	background-color: #E3E7E3;
	background-image:url(/images/new.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:40px;
	margin-top:10px;
	margin-bottom:10px;
	border: 2px solid #666666;
	line-height: 21px;
}
.highlight {
	font-size: 14px;
	font-weight: bold;
	color:#333333;
	background-color: #E3E7E3;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	border: 2px solid #666666;
	line-height: 21px;
}
.signature {
	text-align:right;
	font-style:italic;
}
#newsReader {
	background-image:url(/images/home/news_Back.png);
	background-repeat:no-repeat;
	/*width:364px;*/
	height:245px;
	overflow:hidden;
}
#newsReader .heading {
	font-size:13px;
	font-weight:bold;
	padding-left:20px;
	color:#fff;
	line-height:25px;
}
#newsReader .heading a {
	font-size:11px;
	font-weight:bold;
	color:#41cccc;
	text-decoration:none;
}
#newsReader ul {
	/*margin-left:35px;
	margin-right:25px;*/
	margin-top:10px;
}
#newsReader li {
	font-size:11px;
	line-height:13px;
	padding-bottom:10px;
}
#newsReader li a {
	font-weight:bold;
	line-height:13px;
	color:#329491;
	text-decoration:none;
}
#newsReader li a:hover {
	background-color:#329491;
	color:#fff;
}
#flashBanner {
	width:586px;
	height:276px;
	display:block;
	background-image:url(/images/home/banner_Back.png);
	background-repeat:no-repeat;
	position:relative;
}
#banner_swf {
	position:absolute;
	top:1px;
	left:6px;
}

#main #mainRight table.smallContainer td.spacer {
	width:2px;
}
.break {
	clear:both;
	display:block;
	border-top: 20px solid #fff;
	border-bottom: 20px solid #fff;
	padding-bottom:1px;
	background-color:#ccc;
}
.requestAQuotation a {
	font-weight:bold;
	line-height:13px;
	color:#329491;
	text-decoration:none;
}
.requestAQuotation a:hover {
	background-color:#329491;
	color:#fff;
}
.clean { 
	color:#333;	
	font-weight:bold;
	margin-top:25px;
	border-top: 1px solid #000;
	background-image:url(/products/images/mainRight/CleanScreen-Caddy-Unpacked.jpg);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	padding-top:20px;
	padding-left:220px;
	padding-right:20px;
	padding-bottom:50px;
	font-weight:bold;							
	font-size:13px;
	line-height:15px;
	border-bottom: 1px solid #000;
	margin-bottom:25px;
}
a.showHideBtn {
	padding: 8px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
	width:100px;
	margin-bottom:15px;
	margin-right:15px;
	margin-top:15px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border:1px solid #999;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
	
	background-color: #6bc8c7; /* Old browsers */
	background-image: -moz-linear-gradient(top, #6bc8c7 0%, #17201e 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bc8c7), color-stop(100%,#17201e)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #6bc8c7 0%,#17201e 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #6bc8c7 0%,#17201e 100%); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #6bc8c7 0%,#17201e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc8c7', endColorstr='#17201e',GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #6bc8c7 0%,#17201e 100%); /* W3C */
}
.showHideBtn span.hide {
	display:none;
}
h1.banner {
	width:408px;
	height:120px;

	margin-top:2px;
	margin-bottom:7px;
	overflow:hidden;

	border:1px solid #000;
	
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	background-position: center center;
	background-repeat:no-repeat;
}
h1.banner span {
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
	padding-top:108px;
	padding-bottom:10px;
	display:block;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 81%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(81%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%); /* W3C */
}
a.mainRight {
	width:191px;
	height:126px;

	margin-top:2px;
	margin-bottom:7px;
	overflow:hidden;

	border:1px solid #000;
	
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background-position: center center;
	background-repeat:no-repeat;
}
a.mainRight span {
	padding-left:5px;
	padding-right:5px;
	padding-top:108px;
	padding-bottom:5px;
	display:block;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 81%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(81%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%); /* W3C */
}