@import url(960.css); 
@import url(cutter-forms.css); 
@import url(cutter-navigation_2011.css); 
@import url(default_cutter_main_2011.css); 


.highlights {margin-top: 0px;}
.highlights .topics {background: transparent url(bg_spacer.gif) no-repeat 0 83px;
}

.products {margin-top: 30px; }

.feature img {
     width:280px; 
     height: 168px;
}
.feature {
     position:relative; 
     margin: 20px 0px 30px 20px; 
     zoom:1; 
}
.feature a.thumbnail {
     display:block; 
}
.feature a.thumbnail:hover {
	text-decoration:none !important;
     -moz-box-shadow: 0 3px 3px #888;
     -webkit-box-shadow: 0 3px 3px#888;
     box-shadow: 0 3px 3px #888;
}
.news {
     position:relative; 
     width: 100%;
     margin: 20px 0px 30px;
}
.feature span {
     color:#fff !important; 
     font-size:13px; 
     font-weight:bold; 
     display:block; 
     position:absolute; 
     left:0px; 
     bottom:0px;
     background-color: #000;
     width:260px; 
     height: 35px; 
     padding:10px;
     opacity:0.7;
     filter:alpha(opacity=70)
}
.feature h3, .products h3, .news h3 {
     font-size:18px !important; 
     margin-top:0px; 
     padding-top:0;
}
.feature h3 a, .products h3 a, .news h3 a {
     color:#575757 !important;
}
.news a, .products a {
     color:#333 !important;
}
.news span {
     display:block; 
     text-transform: uppercase; 
     font-size:10px; 
     /*letter-spacing:1px;*/
}
.news p, .products p {
     margin: 0 0 20px 0px; 
     padding:0; 
     overflow:hidden;
}

div#qi-body {
    background: #fff url(bg_body_home.gif) repeat-x !important;
}
div#qi-main {
     background: transparent url(/space.gif) no-repeat 0 0 !important;
}
div#qi-content {
    margin-top: 0px;
} 
* html div#qi-content {
    margin-top: 0px !important;
} 

.home-top {
	background: transparent url(bg_home_row1.gif) no-repeat 0 0; /* top row of homepage */
}

.homewhychoose {
	font-size:12px;
	color:#CFD8E2 !important;
}
.homewhychoose .button {
	margin-top: 60px;
}
.homewhychoose h2 {	
	padding-top: 25px;
	padding-bottom: 2px;
	margin: 0;
}

.homewhychoose p {	
	padding: 0;
	margin: 8px 0;
}


.homewhychoose ul {
	list-style-type: none !important;
	margin:0 0 0 -18px;
	padding: 0px; 
}

.homewhychoose li {
	padding: 2px 0pt 2px 8pt !important;
	list-style-type: none !important;
}

.homewhychoose ul li a {
	color: #CFD8E2 !important; 
	padding-left:20px;
	background: transparent url(bullets-double.png) no-repeat 6px 5px; /* light gray */
}
.homewhychoose ul li a:hover {
	color:#fff !important;
	text-decoration: none !important;
	background: transparent url(bullets-double.png) no-repeat 6px -145px; /* white */
}

/* SLIDESHOW */


#wrapper {width:528px; margin:0px auto; overflow:hidden; background: transparent url(bg_slide_wrapper.gif) no-repeat 0 96%; margin-left: 60px; }

.sliderbutton {
     float:left; 
     width:32px; 
     padding-top:188px; 
     /*padding-top:220px*/
}
.sliderbutton img {
     cursor:pointer
}
.button-left {
     background: transparent url(tinyfader-left.gif) no-repeat 0 188px;
}
div.button-left:hover {
     background-position: -48px 188px;
}
.button-right {
     background: transparent url(tinyfader-right.gif) no-repeat 0 188px;
}
div.button-right:hover {
     background-position: -48px 188px;
}

#slideshow {
     float:left; 
     width:460px; 
     height:276px; 
     background:#fff; 
     padding:0 0 0 0px; 
     margin:10px 0 0 0;
     position:relative;z-index:2;
}
#slides {
     position:relative; 
     width:460px; 
     height:276px; 
     list-style:none; 
     overflow:auto; 
     padding:0; 
     margin:0; 
     overflow:hidden;
}
#slides li {
     list-style:none; 
     padding:0;
     margin:0; 
     width:460px; 
     height:276px;
     /* z-index:51; this contributes to skipping problem */
}

.pagination {
     float:left; 
     list-style:none; 
     height:25px; 
     margin:10px 0 0 15px
}
.pagination li {
     list-style:none; 
     float:left; 
     cursor:pointer; 
     padding:5px 8px; 
     background:#666; 
     /* border:1px solid #999; */ 
     margin:0 4px 0 0; 
     text-align:center; 
     color:#222; 
     background: transparent url("slide-nav.gif") no-repeat 0 0;
}
.pagination li:hover {
     /* background:#777; 
     border:1px solid #bbb; */ 
     color:#000; 
     background-position: 0 -31px;
}
.pagination li.current {
     /* border:1px solid #ccc; 
     background:#888; */ 
     background-position: 0 -31px;
}

li#content {
     width:424px; 
     height:240px; 
     padding:15px 18px 15px 18px; 
     background:#fff;
}
#content h1 {
     font:22px Georgia,Verdana; 
     margin-bottom:15px; 
     color:#036
}

.slide-feature img {}
.slide-feature div {
     color:#fff !important; 
     font-size:14px; 
     font-weight:bold; 
     position:relative; 
     left:0px; 
     bottom:105px; 
     background-color: #000;
     width:460px; 
     height: 85px; 
     padding:10px;
     opacity:0.7;
     filter:alpha(opacity=90);
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /*IE8*/ 
     /* z-index:1; */
}
.slide-feature h3 {
     padding:0px 8px 3px; 
     font-size:24px !important; 
     margin:0; 
     line-height:1.2;
}
.slide-feature p {
     padding: 0 8px 8px; 
     margin:0;
}
#slideshow a {
     color:#fff !important; 
     text-decoration:none;
}
#slideshow a:hover {
     text-decoration:none;
}



		/* generic styles - style will probably be changed depending on what column or specific container you are in */
		
		
		.col, .col2
		{
			float: left;
			display: inline;
			/* margin: 10px 0px 10px 10px;	*/
		}

		.col .photo,
		.col2 .photo
		{
			width:205px; 
			height:100px; 
			margin: 10px 0px 10px 0px;
		}

		.col p
		{
			line-height: 18px !important;
		}

		
					
						
	


/* -- GENERAL USE CLASSES -- */

.clear
{
	clear: both;
	height: 1px;
	width: 1px;
	padding: 0px;
	margin: -2px 0px 0px 0px;
	overflow: hidden;
	line-height: 1px;
	font-size: 1px;
	/* display: block; */
}





.customtitle
{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px !important;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 11px !important;
	line-height: 12px;
	font-weight: bold;
	background-color: #369;
	background-repeat: repeat-y;
	background-position: 100% 0;	
}


	.ct_insidebox
	{
		margin-top: -10px;
		margin-right: -10px;
		margin-left: -10px;
	}