@charset "utf-8";
/* CSS Document */

#content {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

#content h1 {
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#0a4e8d;
	line-height:24px;
	padding:0 0 18px;
}

#content h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#0f77d9;
	line-height:18px;
	padding:0 0 1px;
}

#content h3 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#0a4e8d;
	line-height:16px;
	padding:0 0 14px;
}

#content h4 {
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#05325c;
	line-height:15px;
	padding:0 0 2px;
}

#content p {
	line-height:14px;
	padding:0 0 14px;
}

#content hr {
	width:98%;
	height:1px;
	border:0;
	color:#CCC;
	background:#ccc;
	margin:0 auto 14px;
	text-align:center;
}

#content a {
	color:#0f77d9;
}

#content a:hover {
	color:#000;
}

#content .centered {
	text-align:center;
}

#content .breadcrumbs {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	padding:0 0 5px;
	border-bottom:1px dotted #ccc;
	margin:0 0 10px;
}

#content .imgright {
	float:right;
	margin:0 0 10px 10px;
}

#content ul.arrow {
	padding:0 0 14px 15px;
}

#content ul.arrow li {
	padding:0 0 4px 15px;
	background:url(../images/arrow.png) 0 3px no-repeat;
}

#content ul.arrow li ul {
	padding-top:3px;
}

#content .fifty {
	width:49%;
}

#content .left {
	float:left;
}

#content .right {
	float:right;
}

#content .chart {
	margin:0 0 14px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#content .chart th, #content .chart td {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding:3px 4px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
}

#content .chart th {
	background:#a5c9ea;
	font-weight:bold;
}

#content .chart .green {
	background:#98e39d;
}

#content .chart .yellow {
	background:#e3e298;
}

#content .go-to {
	display:block;
	float:right;
	width:182px;
	height:29px;
	background:url(../images/go-to-product.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#content .go-to:hover {
	background-position:0 -29px;
}

/* Content Slider */

#banner {
	width:605px;
	height:201px;
	overflow:hidden;
	margin:0 auto 15px;
	position:relative;
}

.sliderwrapper {
	position:relative;
	height:201px;
}

.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 605px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination {
	display:none;
}

/* Content Slider End */
/* Product Buckets */

#content .prod-box ul li {
	float:left;
	width:150px;
	height:182px;
	background:#ffe271;
	margin:0 45px 22px 0;
	position:relative;
}

#content .prod-box ul li.last {
	margin-right:0;
}

#content .prod-box ul li h3 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0a4e8d;
	padding:0;
}

#content .prod-box ul li h3 a {
	display:block;
	height:16px;/*24px*/
	padding:8px 6px 0;
	color:#0a4e8d;
	text-decoration:none;
	line-height:14px;
}

#content .prod-box ul li.two h3 {
	font-size:14px;
}

#content .prod-box ul li.two h3 a {
	height:38px;/*48px*/
	padding:10px 6px 0;
	color:#0a4e8d;
	text-decoration:none;
	line-height:14px;
}

#content .prod-box ul li h2 {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0;
}

#content .prod-box ul li h2 a {
	display:block;
	height:24px;
	padding:0 6px;
	color:#000;
	text-decoration:none;
	line-height:18px;
}

#content .prod-box ul li h4 {
	padding:0 2px;
	position:relative;
}

#content .prod-box ul li h4 p {
	position:absolute;
	bottom:0;
	right:0;
	padding:0;
}

#content .prod-box ul li h4 p a {
	display:block;
	width:49px;
	height:20px;
	background:url(../images/more-button.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#content .prod-box ul li h4 p a:hover {
	background-position:0 -20px;
}

/* Product Buckets End */

#content .box {
	width:60%;
	border:1px dotted #ccc;
	background:#e1e1e1;
	padding:3%;
	font-size:11px;
	margin:0 0 14px;
}