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

@media screen and (min-width: 700px) {
#content {
	float:left;
	width:960px;
	padding-top:60px;
	background-color:#FFF;
	-moz-box-shadow:0px 15px 8px #000000;
	-webkit-box-shadow:0px 15px 8px #000000;
	box-shadow:0px 15px 8px #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=5, direction=180, color='#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=5, Direction=180, Color='#000000')";
}

	#contentmain {
		float:left;
		width:655px;
		padding-right:45px;
		padding-left:20px;
		padding-bottom:20px;
		background-image:url(../Images/orangebg.png);
		background-position:right;
		background-repeat:repeat-y;
	}
	
	/* List styling for main content area */
	
	#contentmain li {
		margin-bottom:3px;
	}
	
	#contentright {
		float:right;
		width:230px;
		padding-right:10px;
	}
}

@media only screen and (max-width: 699px) {
	#content {
	float:left;
	width:100%;
	padding-top:65px;
	background-color:#FFF;
}

	#contentmain {
		float:left;
		width:95%;
		padding:10px;
	}
	
	#contentright {
		display:none;
	}
}

#contentright ul {
	list-style:none;
	margin-left:-20px;
	margin-top:0px;
}

#contentright ul li {
	margin-bottom:15px;
	font-family:'NovecentowideBook';
}

#contentright ul li a {
	text-decoration:none;
	font-size:18px;
	color:#5f8894;
}
	
#contentright ul li a:hover {
	background-color:#fcaf17;
	text-decoration:none;
	color:#FFF;
}

#contentright ul li a:active {
	color:#606060;
	background-color:#fcaf17;
}

#contentright ul li a:visited {
	color:#606060;
}


/* --------------------------------- Content details----for details of product/service ---------------------------------- */

@media screen and (min-width: 700px) {
#contentdetailswrap {
	width:960px;
	float:left;
	padding-top:0;
	margin-top:-10px;
}

#contentdetails {
	width:960px;
	float:left;
}

#contentdetails ul {
	margin-left:50px;
}

#contentdetails p {
	padding:15px;
}

/* Main UL styling */


.utldetails {
	margin-top:-2px;
	margin-left:-20px;
}

.utldetails ul {
	width:960px;
}

.utldetails li {
	display:inline;
}

.utldetails a {
	text-decoration:none;
	font-size:13px;
	font-family:'NovecentowideBook';
	margin-right:12px;
	color:#0B0B0B;
}

.utldetails a:hover {
	color:#335982;
	text-decoration:none;
}

/* Toggle boxes styling */

#newboxes1 {
	margin-top:-10px;
	width:940px;
	padding:10px;
	background-image:url(../Images/toggleutlbg1.png);
	background-position:top;
	background-repeat:no-repeat;
}

#newboxes2 {
	margin-top:-10px;
	width:940px;
	padding:10px;
	background-image:url(../Images/toggleutlbg2.png);
	background-position:top;
	background-repeat:no-repeat;
}

#newboxes3 {
	margin-top:-10px;
	width:940px;
	padding:10px;
	background-image:url(../Images/toggleutlbg3.png);
	background-position:top;
	background-repeat:no-repeat;
}

#newboxes4 {
	margin-top:-10px;
	width:940px;
	padding:10px;
	background-image:url(../Images/toggleutlbg4.png);
	background-position:top;
	background-repeat:no-repeat;
}

#newboxes5 {
	margin-top:-10px;
	width:940px;
	padding:10px;
	background-image:url(../Images/toggleutlbg5.png);
	background-position:top;
	background-repeat:no-repeat;
}

#newboxes6 {
	margin-top:-10px;
	width:940px;
	padding:10px;
	background-image:url(../Images/toggleutlbg6.png);
	background-position:top;
	background-repeat:no-repeat;
}

#newboxes7 {
	margin-top:-10px;
	width:940px;
	padding:10px;
	background-image:url(../Images/toggleutlbg7.png);
	background-position:top;
	background-repeat:no-repeat;
}

.overcolumn {
	width:220px;
	float:left;
	padding:10px;
	padding-top:0px;
	padding-left:25px;
}

.overcolumn2 {
	width:350px;
	float:left;
	padding:10px;
	padding-top:0px;
}

.keycolumn {
	width:220px;
	padding:10px;
	padding-top:0px;
	float:left;
}

.appcolumn {
	width:290px;
	padding:10px;
	padding-top:0px;
	float:left;
}

.tradcolumn {
	width:250px;
	padding:10px;
	padding-top:0px;
	float:left;
}
}

@media only screen and (max-width: 699px) {
	#contentdetailswrap {
	width:100%;
	float:left;
	padding-top:0px;
	margin-top:-10px;
}

#contentdetails {
	width:100%;
	float:left;
}


/* Main UL styling */

.utldetails {
	margin-top:-2px;
}

.utldetails ul {
	width:100%;
	line-height:2em;
}

.utldetails li {
	list-style:none;
	white-space:nowrap;
	line-height:1.5em;
}

.utldetails a {
	text-decoration:none;
	font-size:14px;
	font-family:'NovecentowideBook';
	margin-right:60px;
	margin-bottom:40px;
}


/* Toggle boxes styling */

#newboxes1, #newboxes2, #newboxes3, #newboxes4, #newboxes5, #newboxes6, #newboxes7 {
	margin-top:-10px;
	width:90%;
	padding:10px;
	background-image:url(../Images/togglemenubg1.png);
	background-position:top;
	background-repeat:no-repeat;
}

}

/* -----------------------------Footer----------------------------- */

@media screen and (min-width: 700px) {
	#footer {
		float:left;
		width:960px;
		background-image:url(../Images/footerbg2.png);
		background-repeat:no-repeat;
	}
	
	#footertail {
		float:left;
		position:relative;
		top:33px;
		width:890px;
		padding-left:36px;
		padding-right:34px;
		margin-top:0px;
		background-image: url(../Images/footertailgrey.png); /* Use Modernizr to fix multiple bgs property in legacy browsers--(remove footertailbg2, use solely ftgrey.png) */
		background-repeat:repeat-y;
	}
	
	#footerwrap {
		width:887px;
		height:200px;
		background-image:url(../Images/footertailgrad.png);
		background-repeat:no-repeat;
	}
}

@media only screen and (min-width: 360px) and (max-width: 699px) {
	#footer {
		float:left;
		width:100%;
		background-image:url(../Images/footerbgmobile.png);
		background-repeat:repeat-x;
		background-position:top;
	}
	
	#footertail {
		float:left;
		position:relative;
		top:33px;
		width:100%;
		padding:0px;
		margin-top:0px;
		background-image:url(../Images/footertailbgmobile.png);
		background-repeat:repeat-x;
		background-color:#292929;
	}
	
	#footerwrap {
		width:360px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media only screen and (max-width: 359px) {
	#footer {
		float:left;
		width:100%;
		background-image:url(../Images/footerbgmobile.png);
		background-repeat:repeat-x;
		background-position:top;
	}
	
	#footertail {
		float:left;
		position:relative;
		top:33px;
		width:100%;
		padding:0px;
		margin-top:0px;
		background-image:url(../Images/footertailbgmobile.png);
		background-repeat:repeat-x;
		background-color:#292929;
	}
	
	#footerwrap{
		width:180px;
		margin-left:auto;
		margin-right:auto;
	}
}