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

/* SCROLL TO THE BOTTOM FOR PAGE-SPECIFIC STYLES! this was copied from the main site. */


* {margin: 0px; padding:0px;}


#middlecol{
	margin-left:30px;
}

/**** WIDTHS ***/
.w210{ width: 200px}
.w500{ width: 470px}
.w260{ width: 250px}


/*HEADER, FOOTER*/


.container {
	width:980px;
	margin:0px auto;
	position:relative;
	}

#clientcenter {
	background: url(images/bkg-clientcenter.jpg) no-repeat;
	position:relative;
	width:230px;
	height:49px;
	display:block;
	}

#clientcenter a {
	position:relative;
	margin:34px 0px 0px 98px;
	display:block;
	color:#999;
	text-decoration:none;
	}

#contact-us {
	padding: 5px 10px;
	background: rgb(255, 130, 0);
	background: -moz-linear-gradient(top, rgba(255, 130, 0, 1) 0%, rgba(219, 109, 0, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 130, 0, 1)), color-stop(100%, rgba(219, 109, 0, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 130, 0, 1) 0%, rgba(219, 109, 0, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 130, 0, 1) 0%, rgba(219, 109, 0, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 130, 0, 1) 0%, rgba(219, 109, 0, 1) 100%);
	background: linear-gradient(top, rgba(255, 130, 0, 1) 0%, rgba(219, 109, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff6600', endColorstr = '#db6d00', GradientType = 0);
	border: 1px solid #666;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	text-shadow: 1px 1px 1px #333;
	filter: dropshadow(color = #333, offx = 1, offy = 1);
}
#contact-us:hover {
	background: rgb(65, 80, 111);
	background: -moz-linear-gradient(top, rgba(65, 80, 111, 1) 0%, rgba(88, 109, 150, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(65, 80, 111, 1)), color-stop(100%, rgba(88, 109, 150, 1)));
	background: -webkit-linear-gradient(top, rgba(65, 80, 111, 1) 0%, rgba(88, 109, 150, 1) 100%);
	background: -o-linear-gradient(top, rgba(65, 80, 111, 1) 0%, rgba(88, 109, 150, 1) 100%);
	background: -ms-linear-gradient(top, rgba(65, 80, 111, 1) 0%, rgba(88, 109, 150, 1) 100%);
	background: linear-gradient(top, rgba(65, 80, 111, 1) 0%, rgba(88, 109, 150, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#41506f', endColorstr = '#586d96', GradientType = 0);
	cursor: pointer;
}


#navtop li a:hover {
    color:#fff;
    background:#999 center center;
    }

.navleft a{
	display: block;
	padding:5px 10px;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
	color:#666;
}

.navleft a:hover{
	background:#e7e7e7;
	color: #333;
	}

/*HOME*/

#maincontent {
	padding:0px 0px 40px 0px;
	position:relative;
	}

#flash {
	width:1030px;
	position:relative;
	margin-top:0;
	margin-bottom: 15px;
	}

.bar{
	background: #41506f;
/*	height: 50px;*/
	padding:10px 0 5px 20px;
}
.bar h1{
	color: #fff;
}
.subtitle{
	position: absolute;
	left: 570px;
	top: 40px;
	color: #fff;
}
.subtitle h1{ font-size:25px}

/*TEXT STYLES*/

/*** Big Fonts size ***/
big{ font-weight:bold}
.font60{ font-size:60px;
line-height:65px}
.font48{
	font-size:48px;
	line-height: 54px;
	}

.font36{
	font-size: 36px;
	line-height:36px;
}

.font28{
	font-size:28px;
	line-height:30px;
}
.
/*SUB PAGES*/
ol, ul {
	line-height:18px;
	list-style-position:outside;
	padding:0px 0px 0px 30px;
	}

.pad {
	padding: 5px;
}


/*------------------- Custom styles for eCom page ---------------*/

.category-checkbox {
	opacity: 0;
}

.block {
	display:block;
}

#error {
	width: 75%;
	margin:auto;
	border: 1px solid #cc0000;
	background-color: #E0C7C7;
	padding: 5px;
	color: #990000;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

div.item {
	position: relative;
	left: 0px;
}


fieldset {
	border: 1px solid #656565;
	padding:10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

legend {
	padding: 5px;
	font-variant:small-caps;
}

#total-wrapper {
	display: block;
	background-color: #fff;
	padding:10px;
	text-align:center;
	width: 80%;
	margin:10px auto 15px auto;
	color: #444;
	font-weight: bold;
	font-size:15px;
}

label {
	width: 10em;
	float:left;
}

.child {
	padding-left:20px;
}

.item-box {
	padding-left: 20px;
}

.heading{
	color: #fff;
	font-style: normal;
	font-size: 20px;
	height:20px;
	padding:5px 10px;
	background: #ff6600;
	margin-bottom: 5px;
}
.darkorange{ background: #ff6600}
.lightorange{background: #ff9c00}
.yellow{ background: #ffb400}

.subheading{
	background: url(images/orange-bar.jpg) no-repeat top right;
	font-style:italic;
	font-size: 12px;
	padding-left: 25px;
}

.module {
	padding: 5px;
}

.selected-module {
	background: #EEEEEE; /* old browsers */
	background: -moz-linear-gradient(left, #FFFFFF 0%, #EEEEEE 30%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFFFFF), color-stop(30%,#EEEEEE)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=1 ); /* ie */
	background: -o-linear-gradient(left, #FFFFFF 0%,#EEEEEE 30%); /* opera */
}

.selected-module  strong{color: #ff6600;}

.module:hover, .selected-module:hover {
	background: #EEEEEE;
	cursor: pointer;
}

#features-box {
	line-height: 1.8em;
}

#module_name {
	font-size: 20px;
	line-height:30px;
	display:block;
	height: 30px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	vertical-align: middle;
	color: #F60;
	font-family: arial, sans-serif;
}

#features{
	background: url(https://www.comentum.com/ecommerce-cms/images/paper.jpg) no-repeat #eee top left;
	padding: 25px 50px 50px 50px;
}

#costSummary {
	width: 250px;
	z-index: 2;
}

#costSummary, #specList{margin:20px 0 10px 0;}
#costSummary .box{
	text-align: center;
	background: url(images/bkg-costbox.png) repeat-x  #c2c8d3;
}

.box{
	border:1px solid #41506f;
	padding:10px;
}

.purple-head{
	background: #41506f;
	color: #fff;
	font-size: 14px;
	text-align:center;
	display:block;
	padding:5px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

a.zoom{
	background: url(https://www.comentum.com/ecommerce-cms/images/icon-zom.png) repeat-x;
}