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


body#about a#aboutlink, 
body#facilities a#facilitieslink,
body#customfabrication a#fabricationlink, 
body#fixtures a#fixtureslink, 
body#restaurant a#restaurantlink,
body#equipment a#equipmentlink,
body#smallwares a#smallwareslink, 
body#fabrication a#fabricationlink,
body#stainless a#stainlesslink,

body#millwork a#millworklink, 
body#powdercoating a#powdercoatinglink,
body#management a#managementlink,
body#consolidation a#consolidationlink,
body#installations a#installationslink,

body#institutional a#institutionallink,
body#portfolio a#portfoliolink,
body#testimonials a#testimonialslink,
body#contacts a#contactslink,
body#financing a#financiallink,
body#merchandising a#merchandiselink,
body#foodservice a#foodservicelink,
body#bakery_equipment a#bakerylink,
body#links a#linkslink {
color: #cc0033;
}

body {
	font-family: "Trebuchet MS";
}

#qsContainer {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#qsNavContainer {
	height: auto;
	float: left;
	margin-top: 30px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 900px;
}

/* Additions */

.clearance-links {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #075e94;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}
.clearance-table {
	padding:4;
	margin:2;
}

/* Header */

#qsHeader {
	height: auto;
	width: 900px;
	float: left;
	margin-bottom: 4px;
}
#qsHeaderLogo {
	width: 166px;
	float: left;
	margin-top: 36px;
	padding-left: 0px;
}
#qsHeaderStatement {
	width: 188px;
	float: left;
	margin-top: 62px;
	font-size: 13px;
	color: #cc0033;
	padding-left: 40px;
	height: auto;
}
#qsHeaderPhone {
	width: auto;
	float: right;
	text-align: right;
	margin-top: 58px;
	font-size: 17px;
	color: #0E516F;
	height: auto;
	margin-right: 30px;
}






#qsHeaderBotBar {
	height: 29px;
	width: 899px;
	float: left;
	margin: 0px;
	padding: 0px;
}

/* End Header */

/* Home Content */

#qsHomeScroll {
	height: 192px;
	width: 900px;
	float: left;
}
#qsHomeContent {
	float: left;
	height: 112px;
	width: 900px;
	background-image: url(../images/qs-home-content-bkgrd.jpg);
	background-position: center top;
	margin-top: 4px;
}
qsHomeContentHead {
	color: #D00022;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.qsHomeContentHead {
	font-family: "Trebuchet MS", sans-serif;
	color: #D00022;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}
#qsHomeContentText {
	margin-top: 12px;
	margin-left: 220px;
	height: auto;
	width: 496px;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}


/* Home Features */

#qsHomeFeatures {
	float: left;
	height: auto;
	width: 870px;
	padding-right: 30px;
	padding-left: 80px;
	color: #999999;
}
#qsHomeCustom, #qsHomeProject  {
	float: left;
	height: 76px;
	width: 272px;
	font-size: 11px;
	line-height: 13px;
	top: 0px;
	margin-right: 12px;
	padding-top: 30px;
}
#qsHomeFeatures img {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}
.qsHomeFeatures {
	padding-left: 0px;
	padding-top: 0px;
	height: 80px;
	width: 272px;
	font-size: 11px;
	line-height: 13px;
	float: left;
	margin-right: 12px;
 }

.featuresRedBold {
	color: #CC0033;
	font-weight: bold;
}

#qsHomeFeatures a:link, #qsHomeFeatures a:visited {
	text-decoration: none;
	color: #4d4d4f;
	font-weight: bold;
	font-size: 10px;
}

#qsHomeFeatures a:hover {
	text-decoration: none;
	color: #cc0033;
	font-weight: bold;
	font-size: 10px;
}



#loginTbl td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 2px;
}

#DirectCapitalBnr { 
margin-left: 240px;

}

#qsHomeScroll {
	background-image: url(../images/qs-home-bkgrd.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}



/* End Home Features */

/* Chapter Content */

.qsSubChapterContentNarrowGrey {
	background-image: url(../images/qs-chapter-background-grey-r1.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	
}

.qsSubChapterContentWideGrey {
	background-image: url(../images/qs-chapter-background-grey-wide.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	
}
.qsSubChapterContentNoGrey {
	
}
#qsChapterContent {
	float: left;
	height: auto;
	width: 900px;
	background-image: url(../images/qs-chapter-background-grey-wide.jpg);
	background-position: right top;
	background-repeat: no-repeat;

	margin-bottom: 4px;
	padding-bottom: 30px;
}
#qsChapterContent p {
	margin-top: 8px;
}
#qsChapterContent h1 {
	font-size: 20px;
	font-weight: bold;
	color: #cc0033;
	display: block;
	margin-bottom: 6px;
	line-height: 24px;
}
#qsChapterContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-bottom: 4px;
}

#qsChapterContentText {
	height: auto;
	width: 480px;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	margin-top: 30px;
	float: left;
	margin-left: 30px;
	margin-right: 20px;
}

#qsChapterContentText a:link, #qsChapterContentText a:visited {
	font-size: 12px;
	color: #cc0033;
	text-decoration: none;
}
#qsChapterContentText a:hover {
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

#qsChapterContent ul {
	padding: 0px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
	margin-top: 0px;
	margin-right: 32px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: disc;
	float: left;
}
#qsChapterContent li {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 15px;	
}

#qsChapBarLeftImg {
	float: left;
}
#qsChapterScrollPic {
	float: left;
	height: auto;
	width: 260px;
	margin-right: 4px;
	margin-left: 4px;
}
#qsChapterScrollPic ul {
}

#qsChapterStaticPic {
	float: left;
	height: auto;
	width: 229px;
	margin-right: 4px;
	margin-left: 4px;
}
#qsChapterTopPics {
	float: left;
	height: auto;
	white-space: nowrap;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #FFFFFF;
	width: auto;
	padding-right: 1px;
}
.qsChapterTopPicsSpace {
	margin-left: 4px;
}


#qsChapterContentText p {
	margin-top: 10px;
}

#qsThumbs ul{
	margin:0px;
	padding:0px;
	line-height: 0px;
	list-style-type: none;
	height: 50px;
}

#qsThumbs {
	width: 260px;
	height: 50px;
	float: left;
	padding: 0px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#qsThumbs img {
	margin-left: 2px;
	padding: 0px;
	margin-top: 0px;
	float: left;
}
.grey10center {
	font-size: 10px;
	color: #666666;
	text-align: center;
	display: block;
	margin-top: 10px;
	float: left;
	width: 260px;
}
.grey10flQote {
	font-size: 13px;
	color: #333333;
	text-align: left;
	line-height: 18px;
}
.grey10flQoteCopy {
	font-size: 13px;
	color: #333333;
	text-align: left;
	line-height: 18px;
}

.listFloatLeft { }

.listFloatLeftNoMargin
{
	float: left;
	display: block;
}
#qsChapetrQuote {
	float: left;
	width: 236px;
	background-color: #eeeeee;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding: 12px;
}

#qsChapetrQuoteRule {
	float: left;
	width: 236px;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 12px;
	margin-top: 4px;
	padding-bottom: 12px;
	border: 1px solid #CCCCCC;
}
.grey10flQote strong {
	font-weight: bold;
	color: #CF0022;
	font-size: 18px;
}
.grey10fr {
	font-size: 10px;
	color: #666666;
	text-align: right;
	margin: 6px;
	display: block;
}
.black10flQote {
	font-size: 12px;
	color: #000000;
	text-align: left;
	display: block;
	margin-top: 320px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	width: 220px;
	line-height: 18px;
	font-weight: bold;
}
.clear {
	float: left;
	clear: left;
	width: 100%;
}
.imgNoMargin {
	margin: 0px;
	padding: 0px;
}
.listHeadRedBold {
	color: #CC0033;
	font-weight: bold;
	display: block;
	margin-bottom: 6px;
	margin-top: 12px;
}
.img40Margin {
	padding: 0px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
}
.img30Margin {
	padding: 0px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#qsSubChapAppShots {
	float: left;
	height: auto;
	margin-top: 24px;
	width: 100%;
	padding-bottom: 12px;
}
.black10frQote {
	font-size: 10px;
	color: #000000;
	text-align: right;
	display: block;
	line-height: 14px;
	font-weight: bold;
	font-style: italic;
}
#qsSubChapCornerPic {
	width: 151px;
	height: 101px;
	float: left;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#qsSubChapAppShots img {
}
#qsSubChapterContentText {
	height: auto;
	width: 450px;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	margin-top: 22px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
}
#qsSubChapCornerPic img {
	float: right;
}

#qsSubChapetrQuote
{
	float: left;
	width: 205px;
	background-color: #eeeeee;
	padding: 12px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}


#portTable td {
	height: 54px;
	width: 84px;
	padding: 1px;
	background-color: #FFFFFF;
}
}

qsThumbs a {
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

.listFloatLeftNone { float: right; }

#contactList { }

#qsContactForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	float: left;
	height: auto;
	margin-top: 24px;
	width: 500px;
}

#contact1, #contact2, #contact3 {
	float: left;
	margin-right: 12px;
}


/* Footer */


#qsfooter {
	width: 900px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 12px;
	margin-top: 1px;
	height: auto;
	float: left;
	text-align: center;
}

#qsfooterNav {
	width: auto;
	height: auto;
}


#qsfooter ul {
	padding: 0px;
	margin: 0px;
}
#qsfooter li {
	display: inline;
	height: auto;
	width: auto;
	padding-right: 2px;
	padding-left: 2px;
}
#qsfooter a:link, #qsfooter a:visited {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
#qsfooter a:hover {
	font-size: 10px;
	color: #cc0033;
}

.footerText {
	font-size: 10px;
	color: #999999;
}



#inquiryTbl td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	white-space: nowrap;
	float: left;
	padding-top: 2px;
}

#inquiryTbl #preferred {
	margin-bottom: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#preferred td {
	padding-top: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 12px;	
}



#qssitemap ul {
	float: none;
	margin-top: 12px;
}
#qssitemap a:link, #qssitemap a:visited {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
#qssitemap a:hover {
	font-size: 12px;
	color: #cc0033;
	text-decoration: none;
}


#qsNewContent {
	float: left;
	height: 985px;
	width: 900px;
	background-image: url(../images/qs-new-content-bkgrd.jpg);
	background-position: center top;
	margin-top: 0px;
	margin-bottom:4px;
	
}

.qsNewContentHead {
	font-family: "Trebuchet MS", sans-serif;
	color: #D00022;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}
#qsNewContentText {
	margin-top: 12px;
	margin-left: 77px;
	margin-bottom:12px;
	height: auto;
	width: 496px;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}
/*qsNewContentHead {
	color: #D00022;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 24px;
	font-weight: bold;
}*/
.qsNewTestimonial-block {
	background-color: #7ac3f4;
	width: 778px;
	height: 885px;
	border: 2px;
	padding: 20px;
	margin-left: 40px;
	left: 40px;
	top: 10px;
	border-width: 2px;
	border-color: #000;
	z-index:0;
}

.qsNewTestimonial-image-right {
	float:right;
	background-color: #7ac3f4;
	margin: 6px;
}
.qsNewTestimonial-text {
	background-color: #7ac3f4;
	text-align:left;
	font-family: "Comic Sans MS", cursive;
	font-size: large;
	text-align:right;
}
.qsNewTestimonial-image-left {
	float:left;
	background-color: #7ac3f4;
	margin: 6px;
}
#qsSatisfiedContent {
	float: left;
	height: 550px;
	width: 900px;
	background-image: url(../images/qs-new-content-bkgrd.jpg);
	background-position: center top;
	margin-top: 0px;
	margin-bottom:4px;
}
.qsSatisfiedContentHead {
	font-family: "Trebuchet MS", sans-serif;
	color: #D00022;
	font-size: 24px;
	line-height: 34px;
	font-weight: bold;	
}
#qsSatisfiedContentText {
	margin-top: 12px;
	margin-left: 45px;
	margin-bottom:12px;
	height: auto;
	width: 850px;
	font-size: 16px;
	color: #0E516E;
	line-height: 18px;
}
#qsTransContent {
	float: left;
	height: 530px;
	width: 900px;
	background-image: url(../images/qs-new-content-bkgrd.jpg);
	background-position: center top;
	margin-top: 0px;
	margin-bottom:4px;
}
.qsTransContentHead {
	font-family: "Trebuchet MS", sans-serif;
	color: #D00022;
	font-size: 24px;
	line-height: 34px;
	font-weight: bold;	
}
#s3slider {
   width: 800px; /* important to be same as image width */
   height: 600px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
#s3sliderContent {
   width: 500px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 130px; /* important */
   margin-top: 10px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 15px/20px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 300px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
#urlstyle{
	display:none;
	visibility:hidden;
}
.clear {
   clear: both;
}