﻿
body{
	margin:0;
	color:#000;
	font:11px/18px Arial, Arial, Helvetica, sans-serif;
	min-width:1100px;
	/*background: url(../images/web_pics/main-bg.gif) repeat;
	background: url("../images/web_pics/page_bg_horiz.jpg") repeat-y;*/
	background-position: center;
}

	img{border-style:none;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	/*vertical-align:middle;*/
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.main{
	width:1100px;
	margin:0 auto;
}
#main-container{
	width:100%;
	overflow:hidden;
	position:relative;
}
.wrapper-content{
	width:1100px;
	position:relative;
	float:left;
	left:50%;
}
.content-wrapper{
	width:1100px;
	position:relative;
	float:left;
	left:-50%;
}
#header{
	width:100%;
	height:108px;
	background:url("../images/web_pics/header.png") repeat-x ;
	position:relative;
	z-index:99;
}
#header:after {
	content:"";
	display:block;
	clear:both;
}
.head_text{
	font-size:medium;
}
.logo{
	width:15%;
	height:100px;
	float:left;
	margin:4px 0 0 0px;
	display:inline;
}
.utv-logo{
	width:15%;
	height:100px;
	float:left;
	margin:4px 0 0 0px;
	display:inline;
}

.home-header{
	margin:4px 0 0 65px;
}
.logo a{
	display:block;
	height:100%;
	/* overflow:hidden;
	float:left;	 */
	outline:none;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url("../images/web_pics/logo.gif") no-repeat;
	margin:auto;
	width:40%;
	float:right;
}
.utv-logo a{
	display:block;
	height:100%;
	/* overflow:hidden;
	float:left;	 */
	outline:none;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url("../images/web_pics/utv_logo.png") no-repeat;
	margin:auto;
	width:40%;
	float:right;
}

.shopping_cart_pic{
	width:28px;
	height:28px;
	float:left;
	margin:1px 5px 0 0px;
	display:inline;
}
.shopping_cart_pic a{
	display:block;
	height:100%;
	/* overflow:hidden;
	float:left;	 */
	outline:none;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url("../images/web_pics/shopping_cart.png") no-repeat;
}
.shopping_cart_count{
	float:left;
	margin:5px 0px 0 0;
}
.shopping_cart_count a{
	font-size:2em;
	color:white;
	text-decoration:none;
}

.info{
	float:left;
	width:70%;
/*	padding-left: 25px;*/
}
.m-form{
	width:100%;
/*	overflow:hidden;*/
}
.f-bg-m{
	width:480px;
	float:right;
	height:31px;
	background:url("../images/web_pics/f_bg_m_new.png") repeat-x ;
}
.f-bg-l{
	background:url("../images/web_pics/f_bg_l_new.png") no-repeat;
	overflow:hidden;
	height:31px;
}
.container-inline{
	width:240px;
	float:left;
	height:15px;
	border:1px solid #6c8296;
	background:#fff;
	margin-right:10px;
	display:inline;
	margin-top:1px;
	height:28px;
}
.container-inline label{display:none;}
.f-bg-l .form-text{
	float:left;
	width:200px;
	margin:3px 0 0 5px;
	display:inline;
/*	padding:0;*/
	font-size:18px;
	background:none;
	border:0;
	color:#54534a;
}
.f-bg-l .form-submit{
	width:21px;
	height:12px;
	margin:2px 2px 0 0;
	display:inline;
	padding:0;
	border:0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	float:right;
	background:url("../images/web_pics/btn.gif") no-repeat;
	cursor:pointer;
}

.post-box .form-text{
	float:left;
	padding:5px;
	background-color:#FFFFFF;
	font-size:10px;
	border:1px #333333 solid;
	color:#54534a;
	margin: 6px 0 0 12px;
}
.post-box textarea{
	float:left;
	padding:5px;
	background-color:#FFFFFF;
	font-size:10px;
	border:1px #333333 solid;
	color:#54534a;
	margin: 6px 0 0 12px;
}
.post-box .form-submit{
	margin:10px 0px 0 0;
	clear:both;
	float:left;
	cursor:pointer;
}
.form-item label { clear: both; float: left; margin-top: 10px; width: 110px;}
.form-item .form-radios { float: left; margin: 8px 0 0 10px; }
.webform-calendar { display: none; }
.form-item label.option { margin-top: 0; width: 298px; }
.form-item .form-select { float: left; clear: both; margin: 6px 0 0 12px; }
#edit-submitted-estimated-project-completion-date-wrapper .container-inline { border: none; background: none; height: auto; float: left; }
.textarea-identifier {
	visibility: hidden; display: none;
}

.customer{
	float:left;
	width:126px;
	text-align:center;
	font-size:18px;
	line-height:31px;
/*	padding-left:23px;*/
}
.customer a{
	color:#fff;
}
.customer a:hover{
	color:#ffcc33;
	text-decoration:none;
}
.info .menu{
	/*display:table;*/
	padding:35px 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	text-transform:uppercase;
}

.info .menu li{
	font-size:12px;
	line-height:15px;
	float:left;
	font-weight:bold;
	position:relative;
}
.info .menu li a{
	float:left;
	color:#ffcc33;
}
.info .menu li a:hover,.info .menu .active-trail a,.info .menu li:hover a,.info .menu li.hover a{
	background:url("../images/web_pics/nav-l.gif") no-repeat;
	text-decoration:none;
	color:#fff;
}
.info .menu li a {
	float:left;
	padding:1px 15px 0;
	height:26px;
	cursor:pointer;
}
.info .menu li a:hover span,.info .menu .active-trail a span,.info .menu li:hover a span,.info .menu li.hover a span{
	background:url("../images/web_pics/nav-r.gif") no-repeat 100% 0;
}
.info .menu li:hover li a,.info .menu li.hover li a{
	background:none;
}
.info .menu ul{
	position:absolute;
	top:27px;
	left:0;
	margin:0;
	padding:8px 3px 6px 0px;  
	list-style:none;
	width:200px;
	background:#981b1e url("../images/web_pics/drop.gif") repeat-x 0 100%;
	display:none;
/*	z-index:20;*/
}
.info .menu ul li{
	font-size:12px;
	line-height:15px;
	padding-bottom:5px;
	font-weight:normal;
	width:100%;
	white-space: nowrap; /*CMH*/
}
.info .menu ul li a{
	color:#fff;
	text-transform:none;
}
.info .menu ul li a:hover{
	color:#ffcc33;
	background:none;
}
.info .menu li:hover ul,.info .menu li.hover  ul{
	display:block;
}
#main{
	width:100%;
	/*overflow:hidden;
	background: url(../images/web_pics/main.gif) repeat-y 50% 0;*/
}

.clear {
    clear: both;
}

.info .menu a{
display:block;
text-decoration:none;
}

.info .menu li{
/*float:left;*/
position:relative;
}

.info .menu ul {
/*position:absolute;*/
display:none;
width:12em;
top:1.5em;
}

.info .menu li ul a{
width:12em;
height:auto;
float:left;
}

.info .menu ul ul{
top:auto;
}	

.info .menu li ul ul {
left:11em;
margin:0px 0 0 10px;
}

.info .menu li:hover ul ul, .info .menu li:hover ul ul ul, .info .menu li:hover ul ul ul ul{
display:none;
}
.info .menu li:hover ul, .info .menu li li:hover ul, .info .menu li li li:hover ul, .info .menu li li li li:hover ul{
display:block;
}

th  		{ font-family: arial; 
			font-size: 11px; 
			font-weight: bold;
			color: #FFFFFF; 
			background-color: #464646 }
td			{ font-family: arial; 
			font-size: 11px; 
			padding: 0px;  }

.part_pic{
	height:250px;
	text-align:center;
	vertical-align:middle;
	max-width:700px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.part_pic_small{
	height:200px;
	}

/* thumbnail stuff 
.thumbnail{
	width:450px;
}
*/
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	text-align: center;
	border: 1px solid #3d3d3d;
	display: block;
	position: fixed;
	top: 20%;
	left: 45%;
	box-shadow: 5px 10px 18px #888888;
	background: #ffffff;
}

.pic-container{
	margin:0;
}
.pic-container ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.list-container{
	float:left;
	width:60px;
}
.large-pic{
	margin:0;
/*	max-width:230px;*/
	overflow:hidden;
}

.large-pic img{
/*	border:1px;
	border-color:black;
	border-style:solid;
	float:left;*/
	padding: 0;
	display:block;
	margin:auto;
	
}

.large-pic span{
	visibility:hidden;
	position:absolute;
}

.large-pic:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	text-align: center;
	border: 1px solid #3d3d3d;
	display: block;
	position: fixed;
	top: 20%;
	left: 45%;
	box-shadow: 5px 10px 18px #888888;
	background: #ffffff;
}

.tiny-pic img{
	float:left;
	padding: 0 5px;
}

.tiny-pic span{
	visibility:hidden;
	position:absolute;
}

.tiny-pic:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	text-align: center;
	border: 1px solid #3d3d3d;
	display: block;
	position: fixed;
	top: 22%;
	left: 35%;
	box-shadow: 5px 10px 18px #888888;
	background: #ffffff;
}

.small-pic{
	width:50px;
/*	border:1px;
	border-color:black;
	border-style:solid;*/
}

.searchIcon {
    border-radius: 5px; 
	padding:0 1px 0 1px;
	/*vertical-align: bottom;*/
	display: inline-block;
    width: 2em;
    height: 27px;
/*	background-color: black;
	background: url('../images/web_pics/btn.gif') no-repeat center;*/
}

.partSearchContainerr {
    width: 200px;
    padding-top: 0px;
    padding-bottom:0px;
    float:left;
    border:0;
}
#searchField {
/*	height: 28px;*/
	width: 135px;
}
.order_weight{
	color: #008000;
	font-weight: bold;
	font-size:1.2em;
}
/* end added wes */


#content{
	width:100%;
	overflow:hidden;
/*	background: url("../images/web_pics/HomepageGreyRules.jpg") repeat;*/
}
.main-m{
	width:1100px;
	padding:20px 20px 20px 0px;
	position:relative;
/*	z-index:1;*/
	margin:0 auto;
	min-height:500px;
}
.main-o{
	width:1000px;
	padding:10px 0 10px 45px;
	position:relative;
/*	z-index:1;*/
	margin:0 auto;
	min-height:500px;
}
.main-1100{
	width:1100px;
	padding:10px 0 10px 45px;
	position:relative;
/*	z-index:1;*/
	margin:0 auto;
	min-height:500px;
}
.main-1200{
	width:1200px;
	padding:10px 0 10px 45px;
	position:relative;
/*	z-index:1;*/
	margin:0 auto;
	min-height:500px;
}
.main-1300{
	width:1300px;
	padding:10px 0 10px 0px;
	position:relative;
/*	z-index:1;*/
	margin:0 auto;
	min-height:500px;
}
.main-c{
	width:1400px;
	padding:10px 0 10px 0px;
	position:relative;
/*	z-index:1;*/
	margin:0 auto;
	min-height:500px;
}
.main-1500{
	width:1500px;
	padding:10px 0 10px 0px;
	position:relative;
/*	z-index:1;*/
	margin:0 auto;
	min-height:500px;
}
.main-1600{
	width:1600px;
	padding:10px 0 10px 0px;
	position:relative;
/*	z-index:1;*/
	margin:0 auto;
	min-height:500px;
}
.main-1700{
	width:1700px;
	padding:10px 0 10px 0px;
	position:relative;
/*	z-index:1;*/
	margin:0 auto;
	min-height:500px;
}

#footer{
	width:100%;
	overflow:hidden;
	height:87px;
	background: url("../images/web_pics/footer.gif") repeat-x;
	bottom:0;
	position:absolute;
/*	z-index:1;*/
}
.main-footer{
	width:913px;
	padding:0 29px 0 66px;
	margin:0 auto;
/*	z-index:1;*/
}
#footer .i-part{
	float:left;
	width:517px;
	margin-top:22px;
/*	z-index:1;*/
}
.i-part ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.i-part ul li{
	float:left;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	padding-right:10px;
}
.i-part ul li a{color:#ffcc33;}
.i-part div{
	display:block;
	font-size:10px;
	line-height:14px;
	color:#ffcc33;
	padding-top: 0px;
}
.i-part div a{color:#ffcc33;}
.slogan{
	width:341px;
	height:41px;
	float:right;
	margin:22px 0 0 0;
	text-indent:-9990px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	background: url("../images/web_pics/slogan.gif") no-repeat;
}
/*inner last*/
.inner #content{
	background:none;
}
.post-box{
	width:100%;	
	overflow:visible;
	float:left;
/*	border-top:
	1px solid #d8a532;
	margin-top:9px;
	padding:11px 0;*/
}
.post-box h2{
	font-size:18px;
	line-height:22px;
	color:#005a8b;
	margin:0;
}
.post-box p, .field-content{
	margin:0;
	font-size:12px;
	line-height:18px;
	color:#676767;
}
.post-box ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	line-height:22px;
	color:#676767;
}
.post-box ul li{
/*	background: url("../images/web_pics/mark2.gif") no-repeat 2px 10px;
	padding-left:10px;*/
}
.post-box ul li a{color:#676767;}
.post-box h4{
	margin:7px 0 0 0;
	font-size:12px;
	line-height:22px;
	color:#005a8b;
}
.main-content p {
	padding-bottom: 10px;
}
.main-content a, .main-content ul li a {
	color:#56a0d3;
}
.main-content	.field-field-team-image {
	float:left;
	padding-right: 20px;
	padding-top: 20px;
}
.main-content h2, .main-content h3, .node h2 {
	font:12px/22px Arial, Arial, Helvetica, sans-serif;	
	font-weight: bold;
}
.main-content h2, .node h2 a {
	color: #005a8b;
}
.main-content h3 {
	color: #676767;
}

.main-box {
	padding: 10px 15px 20px 15px;
	vertical-align:top;
	}
	
.main-box td{
	width:50%;
	padding: 0 20px 0 20px;
}
	
.main-left {
	color: #FFFFFF;
	width:100%;
	background: rgba(0,0,0,0.7);
	border-radius: 10px;
	height:425px;
/*	padding:10px 2px 10px 2px;
	box-shadow: 10px 10px 100px 10px #000000;*/
}
.main-left-new {
	color: #FFFFFF;
	width:100%;
/*	background: rgba(0,0,0,0.7);*/
	border-radius: 10px;
	height:425px;
/*	padding:10px 2px 10px 2px;
	box-shadow: 10px 10px 100px 10px #000000;*/
}

.main-right {
	color: #FFFFFF;
	width:100%;
	padding:10px 2px 10px 2px;
	border-radius: 10px;
	height: 350px;
/*	background: rgba(255,255,255,9);
	box-shadow: 10px 10px 100px 10px #FFFFFF;*/
}
.main-left td{
	vertical-align:top;
	padding:10px 10px 10px 2px;
	font-size:16px;
/*	border-top: 2px #FFFFFF;*/
	}
	
.news_feeds {
	color: #FFFFFF;
	width:100%;
	background: rgba(0,0,0,0.7);
	border-radius: 10px;
/*	padding:10px 2px 10px 2px;
	box-shadow: 10px 10px 100px 10px #000000;*/
}

.news_feeds div{
	vertical-align:top;
	padding:10px 10px 10px 2px;
	font-size:16px;
	overflow: auto;
	height:340px;
	}
	
.news_feeds td{
	vertical-align:top;
	padding:10px 10px 10px 10px;
	font-size:16px;
/*	border-top: 2px #FFFFFF;*/
	}

.main-middle{
	padding:0 0 0 15px;
	}
.main-right td{
	vertical-align:top;
	text-align:center;
	color:black;
/*	min-height:430px;*/
	}
	
.craig-mess {
	font-size:18px;
	text-align:center;
	color:black;
	padding:20px 0 20px 0;
	background:white;
	border-radius: 10px;
}
.cat_img {
	width:275px;
	box-shadow: 10px 10px 100px 10px #000000;
	}

.fourup {
	border: 1px solid #000000;
	padding: 2px;
	min-height:265px;
	min-width:230px;
	width:230px;
/*	background-image:url('../images/web_pics/reddot_glyph_3d-corporate.gif');
	background-repeat: no-repeat;
	background: rgba(255, 255, 255, 0.3);*/
}
/*.fourup:after {
	background-image:url('../images/web_pics/reddot_glyph_3d-corporate.gif');
	background-repeat: no-repeat;
	opacity: 0.5;
}*/
	
.highlight {
    background-color: #fff34d;
/*    -moz-border-radius: 5px; /* FF1+ */
/*    -webkit-border-radius: 5px; /* Saf3-4 */
/*    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
/*    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
/*    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
/*    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
/*    padding:1px 4px;
    margin:0 -4px;*/
}

/* formatting for applications model page */
.hoverTable{
		width:100%; 
		border-collapse:collapse; 
	}
.hoverTable td{
	border-left: 1px solid #404040;
	border-right: 1px solid #434343;
	border-top: 1px solid #464646;
	border-bottom: 1px solid #2c2c2c;
	-moz-box-shadow:none;-webkit-box-shadow:none;background-color:#3c3c3c;border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #D2D2D2;
	background-image: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(37,37,37,0.13));
	width:20%;
	}
	/* Define the hover highlight color for the table row */
.hoverTable td:hover {
          background-color: #FFAA00;
    }
.hoverTable td a {
        	display:block;vertical-align:middle;text-align:center;text-decoration:none;font:1.2em Scada,Lucida Grande,sans-serif;color:#FFFFFF;cursor:pointer;padding:3px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:;}
	}
.order_imp{
	vertical-align:top;
	padding:10px 10px 10px 10px;
	font-size:16px;
	}
	
.order_imp td{
	vertical-align:top;
	padding:10px 10px 10px 10px;
	font-size:16px;
	}

.order_upload_form{
	vertical-align:top;
	padding:10px 10px 10px 0px;
	font-size:16px;
	}
.order_upload_form td{
	vertical-align:top;
	padding:10px 10px 10px 10px;
	font-size:16px;
	background-color: #CCCCCC;
}
