/* CSS Document */

body { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #999999 }

blockquote {
  background: transparent url(../images/quoleft.png) left top no-repeat;
  font-style:italic;
  font-size:13px;
  width:330px;
  float:left;
  text-indent:0;
  font-weight: bold;
}

blockquote div {
  padding: 0 30px;
  padding-top: 5px;
  padding-bottom: 10px;
  background: transparent url(../images/quoright.png) right bottom no-repeat;
}

.product-row {
	padding-bottom: 30px;
	}
	
.product-col {
	float: left;
	padding-bottom:20px;
	padding-top:10px;
	padding-right:5px;
	}

.product-row img {

	border: 1px solid #CCC;
	padding: 2px;
}

.product-row-title {
	margin: 0;
	margin-top: 15px;
	padding: 5px 0;
	color: #0A96C2;
	border-bottom: 1px dotted #CCC;
	font-weight:normal;
	font-size:22px;
}

.header { width:850px; height:170px; }

.navigation-holder { width:850px; color: #FFFFFF; height:31px; font-size:11px; background:url(../images/navigation-bg.jpg) repeat-x top; }

.navigation { text-align:center; text-transform:uppercase; padding:8px; background:url(../images/nav-splitter.jpg) no-repeat right; }
.navigation-end { text-align:center; text-transform:uppercase; padding:8px; }

.navigation a { color:#FFFFFF; text-decoration:none; }
.navigation a:hover { background:#ff0000;}
.navigation-end a { color:#FFFFFF; text-decoration:none; }
.navigation-end a:hover { background:#ff0000;}

.header-gap-left { width:56px;  background:url(../images/header-left-bg.jpg) repeat right;}
.header-gap-right { width:10px; background:url(../images/header-right-bg.jpg) repeat left; }

.nav-gap-left { width:56px; background:url(../images/nav-left-gap.jpg) repeat right;  }
.nav-gap-right { width:10px; }

#textcontent .main-holder p {padding-left:20px; }
#home .main-holder { background:#000; width:850px; height:354px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  color:#333333; vertical-align:top; }

.main-holder { width:850px; height:354px; background: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  color:#333333; vertical-align:top;}
.main-holder .desc { padding-top:10px;  border-right: 1px dotted #ccc; vertical-align:top}
.main-holder p {padding-left:5px; padding-right:5px; }
.main-holder .img { border-right: 1px dotted #ccc; padding-right:5px; padding-left:5px; }
.main-gap-left { width:56px; background:url(../images/main-left-gap.jpg) repeat right;  }
.main-gap-right { width:10px; background:url(../images/main-right-bg.jpg) repeat left;  }

.footer-holder { width:850px; height:134px; }
.footer-shadow-holder { height: 79px; background:url(../images/footer-shadow.jpg) no-repeat center top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF }
.footer-content-left { width: 416px; height: 134px; background:url(../images/footer-copyright.jpg) no-repeat left top; }
.footer-content-left p { color:#FFFFFF; padding-left:15px; }
.footer-gap-left { width:56px; }
.footer-gap-right { width:10px; }

.ssLink { width: 850px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:right }
.ssLink a {color:#000000; text-decoration:none; }
.ssLink a:hover {text-decoration:underline;}

.extending-header-bg-left { background:url(../images/extending-header-bg-left.jpg) repeat-x right; }
.extending-nav-bg-left { background:url(../images/extending-nav-bg-left.jpg) repeat-x right; }
.extending-main-bg-left { background:url(../images/extending-main-bg-left.jpg) repeat right; }
.extending-footer-bg-left { background:url(../images/extending-footer-bg-left.jpg) repeat-x right; }

.extending-header-bg-right { background:url(../images/extending-header-bg-right.jpg) repeat-x left; }
.extending-nav-bg-right{ background:url(../images/extending-nav-bg-right.jpg) repeat left; }
.extending-main-bg-right { background:url(../images/extending-main-bg-right.jpg) repeat left; }
.extending-footer-bg-right { background:url(../images/extending-footer-bg-right.jpg) repeat-x left; }