@charset "utf-8";
/* CSS Document */

/* COMMON */

*	{	
	margin:0;
	padding:0;
	}
	
body{	
	margin:0;
	padding:0;
	background:#688020 url(/_layouts/TOZIT/images/header_bg.png) repeat-x top;
	color:#FFFFFF;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	}
	
a	{
	color:#FFFFFF;
	text-decoration:none;	
	}
	
a:hover {
	color: #ccc;
	text-decoration: underline;
	}
	
a img{
	border:0;
	}
	
p	{
	margin:0;
	padding:0 0 20px 0;
	}
	
h2, h3, h4, h5, h6{
	font-weight:normal;
	padding-bottom:10px;
	font-weight: bold;
	}
	
h2{
	font-size:24px;
	}
	
h3{
	font-size:18px;
	}
	
.container{
	width:970px;
	margin:0 auto;
	padding:0;
	}
	
	/* HEADER */
	
.header{
	float:left;
	width:950px;
	height:135px;
	padding:0 0 5px 0;
	margin:0 10px;
	background:url(/_layouts/TOZIT/images/header_bottom_gradient.png) no-repeat bottom center;
	}
	
.logo{
	float:left;
	}

.menu{
	position:relative;
	top:45px;
	float:right;
	}
	
.menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
.menu ul li{
	float:left;
	margin:0;
	}
	
.menu ul li a{
	float:left;
	text-decoration:none;
	text-align:center;
	font-size:20px;
	padding:10px;
	margin: 0 0 0 20px;
	width:64px;
	height:25px;
	}
	
.menu ul li a:hover, #current a{
	background:url(/_layouts/TOZIT/images/menu_current.png) no-repeat center;
	}
	
/* BANNER */

.banner{					/* Use this on startpage */
	float:left;
	width:950px;
	height:315px;
	padding:0;
	margin:0 10px;
	background:url(/_layouts/TOZIT/images/main_banner.jpg) no-repeat top center;
	}
	
.banner_page{				/* Use this on other pages */
	float:left;
	width:950px;
	height:150px;
	padding:0;
	margin:0 10px;
	background:url(/_layouts/TOZIT/images/main_banner_page.jpg) no-repeat top center;
	}
	
h2.bannertitle{
	padding:60px 0 30px 0;
	font-size:26px;
	font-weight:normal;
	width:630px;
	}
	
.bannertext{
	padding:0;
	font-size:20px;
	text-align:justify;
	width:630px;
	}
	
.bannerbutton{
	padding:10px 0 0 0;
	width:630px;
	text-align:right;
	}
	
/* MAIN CONTENT STRUCTURE */

.maincontainer{
	float:left;
	position:relative;
	color:#333333;
	}
	
.content_top{
	float:left;
	margin:0;
	padding:0;
	width:970px;
	height:27px;
	background:url(/_layouts/TOZIT/images/content_top-trans.png);
	}
	
.content_main{
	width:880px;
	float:left;
	background:url(/_layouts/TOZIT/images/content_bg-trans.png) repeat-y;
	margin:0;
	padding:20px 50px 0 40px;
	}
	
.content_main a{
	color:#688020;
	}
	
.content_bottom{
	float:left;
	margin:0;
	padding:0;
	width:970px;
	height:27px;
	background:url(/_layouts/TOZIT/images/content_bottom-trans.png);
	}
	
/* MAINCONTENT TOP + 3 BOTTOM COLUMNS - Use this on startpage */
	
.main_entry{
	float:left;
	padding:0 0 10px 0;
	margin:0 0 0 20px;
	}
	
.maincolumns{
	float:left;
	width:880px;
	}
	
.maincolumns ul{
	margin:0;
	padding:0 0 0 10px;
	list-style-type:none;
	}
	
.maincolumns ul li{
	float:left;
	padding:0 0 10px 0;
	margin:0 10px;
	width:270px;
	}
	
/* MAINCONTENT + SIDEBAR - Use this on other pages */
	
.main_entry_page{
	float:left;
	padding:0 0 10px 0;
	margin:0 20px 20px 20px;
	width:540px;
	}
	
.maincolumns_page{
	float:right;
	width:300px;
	}
	
.maincolumns_page ul{
	margin:0;
	padding:0 0 0 10px;
	list-style-type:none;
	}
	
.maincolumns_page ul li{
	float:left;
	padding:0;
	margin:0 10px;
	width:270px;
	}
	
/* FOOTER */
	
.footer{
	float:left;
	width:871px;
	color:#FFFFFF;
	margin:0 10px;
	padding:10px 40px 0 40px;
	background:#333333;
	font-size:14px;
	}
	
.footer a{
	color:#9bcf00;
	}
	
.footer a:hover{
	color:#9bcf00;
	text-decoration:underline;
	}
	
.footercolumns{
	float:left;
	}
	
.footercolumns ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
.footercolumns ul li{
	float:left;
	padding:0 20px 10px 0;
	margin:0 10px 0 0;
	width:260px;
	background:url(/_layouts/TOZIT/images/footerbar.png) top right no-repeat;
	}
	
.footercolumns ul li li{
	float:left;
	padding:0 0 15px 30px;
	margin:0;
	width:240px;
	background:url(/_layouts/TOZIT/images/arrow.png) no-repeat 5px 0;
	}
	
.footercolumns p{
	float:left;
	margin:0;
	padding:0 0 0 15px;
	width:255px;
	}
	
p.italic{
	float:left;
	margin:0 0 10px 0;
	font-style:italic;
	}
	
.footercolumns h4{
	float:left;
	padding:30px 0 0 70px;
	font-size:18px;
	font-weight:normal;
	width:210px;
	height:50px;
	}
	
.footercolumns h5{
	float:left;
	padding:0 0 0 15px;
	font-size:14px;
	font-weight:bold;
	width:210px;
	}
	
.footercolumns h6{
	float:left;
	padding:0 0 20px 15px;
	font-size:14px;
	font-weight:bold;
	width:210px;
	}

.left{background:url(/_layouts/TOZIT/images/blog-trans.png) no-repeat 5px 0;}
.middle{background:url(/_layouts/TOZIT/images/testimonials-trans.png) no-repeat 5px 0;}
.right {background:url(/_layouts/TOZIT/images/contact-trans.png) no-repeat 5px 0;}

.social{
	float:left;
	background:none;
	padding:30px 0 0 15px;
}

.social img{
	margin:0 20px 0 0;
	}
	
.footer_bottom{
	float:left;
	margin:0;
	padding:0;
	width:970px;
	height:18px;
	background:url(/_layouts/TOZIT/images/footer_bottom.png);
	}
	
.smallfoot
{
    color:White;
	float:left;
	width:870px;
	padding:20px 50px 30px 50px;
	font-size:14px;
	}
.smallfoot * a{ text-decoration: underline;}
	
.copy{
	float:left;
	}
	
.valid{
	float:right;
	}
	
	
.readMore
{
    cursor: pointer;
}


.wsspower{ padding-top: 10px; margin-top: 10px; top: 10px; float: none; clear: both; }
.certifiedpartner{ float: left; border: 0px solid #fff; }

.divleft{ float: left; }
.divright{ float: right; }
.divsmall{ width: 25%; }
.divmedium{ width: 50%; }
.divlarge{ width: 100%; }

.competencelist{ padding-left: 25px; left: 25px; }

.floatleft{ float: left; padding: 5px; }
.clearboth{ clear: both; }

.mvpcontact{ text-align: center; clear: both; }

.strong{ font-weight: bold; }

/* Product-List Specific */
.productListContainer{ width: 100%; border-top: 2px solid #688020; border-bottom: 2px solid #688020; }
.productListHeader{ border-bottom: 1px solid #688020; height: 25px; min-height: 25px; background-color: #dfdfdf; width:100%; min-width: 100%; font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
.productListImage{ float: left; padding: 20px; padding-top: 10px; width: 200px; }
.productListRichText{ float: left; padding-top: 10px; width: 600px; }

.productLicenseingHeader{ text-decoration: underline; }

hr{ color: #4f9c25; background-color: #4f9c25; border-color: #4f9c25; clear: both; }

/* Breadcrumb menu */
.underlined{ text-decoration: underline; }

/* Lightbox2 CSS for TOZIT */
.photoWrapper{ padding: 20px; border: 1px solid #c0c0c0; background-color: #dfe9c9; }
.photoWrapper * img{ border: 1px solid #c0c0c0; width: 90px; height: 75px;}
.photoWrapper * img:hover{ border: 1px solid #76923c; }