﻿/* Adjust the boxed header links for the special header of services pages */
.boxed h2 small { top: 2px; right: 0; } 
.boxed h3.title small {	top: 2px; right: 0; } 

/* Compensate for the wrapped row */
#content { background: url(images/services-theme-bg.png) 50% 111px no-repeat; }

.location { text-indent: -1000px; overflow: hidden; font-size: 22px; padding: 17px 0 30px 0; }
	.location a, .location span, .location strong { 
		float: left; margin-right: 16px; padding: 0 0 0 26px; 
		text-indent: 0; color: white; text-decoration: none;
		background: url(images/services-icons.gif) 0 4px no-repeat; }
	.location strong { background-position: 0 -50px; font-weight: normal; }

.navigation { margin-top: 8px; }
	.navigation h4 {
		margin: 12px 0 0 0; padding: 12px 0 4px 0;
		border-top: 3px solid #e6e6e6; }
		.navigation h4.first { border: none; padding: 0 0 4px 0; margin: 0; }
		.navigation h4 a { 
			padding: 2px 0 4px 22px;
			font-size: 14px; color: #ff7c10; font-weight: normal;
			background: url(images/services-icons.gif) 0 -134px no-repeat; }
	.navigation p { margin-left: 22px; }
	.navigation ul { margin: 8px 0 8px 22px; }
		.navigation ul li { 	margin: 4px 0 0 0; }
			.navigation ul li a { 
				padding: 0px 0 4px 20px; color: #ff7c10; color: #666;
				background: url(images/services-icons.gif) 0 -112px no-repeat; }
				
.col9 { width: 690px; margin: 0; }
.pad { background: white; padding: 16px; margin: 0 16px 0 0; overflow: hidden; }

/* Styling of boxed content */
.community .boxed { 
	background: #f1f8fe url(images/community-bg.gif) 0 0 repeat-x; 
	border: 1px solid #d4e9fb; padding: 4px 10px 10px 10px; }
	.community .boxed h2 { padding: 4px 0 3px 0; margin: 0 0 10px 0; }

.articles .boxed { 
	background: white; margin: 0 0 16px 0; border-bottom: 1px solid #d6d6d6;}
	.articles .boxed h2.title { 
		padding: 6px 16px; font-size: 16px;
		background: white url(images/services-articles-bg.png) bottom left repeat-x;
		border: 1px solid #d6d6d6; border-bottom: 2px solid #ff7c10; }
		.articles .boxed h2 span { padding-left: 18px; background: url(images/services-icons.gif) 5px -215px no-repeat;}
	.articles .boxed h3.title { 
		padding: 6px 16px; font-size: 12px; text-transform: uppercase; 
		border: 1px solid #d6d6d6; border-width: 2px 1px; border-top-color: #ff7c10; }
	.articles .boxed .box { border: 1px solid #d6d6d6; border-width: 0 1px; overflow: hidden; }

/* Article bylines */	
.articles .byline { font-size: 12px; }
	.articles .byline strong { font-weight: normal; text-transform: uppercase; color: #ff7c10; }

.articles .articleDetail { padding: 16px; }
	.articles .articleDetail h3 { font-size: 22px; margin: 4px 0 8px 0; }
		.articles .articleDetail .htmlField img { border: 1px solid #d6d6d6; padding: 3px; background: white; margin: 16px 0 16px 16px; }
		.articles .articleDetail h4 { font-size: 12px; text-transform: uppercase; font-weight: normal; margin: 8px 0; }
		.articles .articleDetail .products { overflow: hidden; }
			.articles .articleDetail .products .product { 
				float: left; overflow: hidden; position: relative;
				margin: 0 16px 8px 0; width: 295px; height: 90px;
				color: #4d4d4d; text-decoration: none; }
				.articles .articleDetail .products .product strong { display: block; }
				.articles .articleDetail .products .product span { display: block; color: #006cc8; }
				.articles .articleDetail .products .product .thumbnail { float: left; overflow: hidden; position: relative; width: 85px; height: 85px; margin-right: 16px; border: 1px solid #d6d6d6; }
					.articles .articleDetail .products .product .thumbnail img { left: -21px; position: absolute; display: block; }				

.articles .categorySummaries {}
	.articles .categorySummaries .item {
		padding: 16px 16px; border-bottom: 1px solid #d6d6d6; overflow: hidden;
		background: white url(images/services-articles-bg.png) bottom left repeat-x; }
	.articles .categorySummaries .item .thumbnail { float: left; overflow: hidden; position: relative; margin-right: 16px; height: 92px; width: 92px; border: 1px solid #d6d6d6; }
		.articles .categorySummaries .item .thumbnail img { display: block; position: absolute; left: -54px; }
	.articles .categorySummaries .item .byline { margin: 0 0 0 108px; }
	.articles .categorySummaries .item h4 { font-weight: normal; margin: 4px 0 4px 108px; font-size: 18px; }
		.articles .categorySummaries .item h4 a { text-decoration: none; color: #4d4d4d; }
	.articles .categorySummaries .item ul { margin: 4px 0 4px 108px; }
		.articles .categorySummaries .item ul li { background: url(images/services-icons.gif) 4px -164px no-repeat; padding: 0 0 0 16px; }
		.articles .categorySummaries .item ul a { color: #4d4d4d; }

.articles .categoryList { padding: 8px 16px; }
	.articles .categoryList ul { }
		.articles .categoryList ul li { display: inline; background: url(images/services-icons.gif) 4px -164px no-repeat; padding: 0 16px 2px 16px; }
			.articles .categoryList ul a { color: #4d4d4d }
		
.articles .articleList {}
	.articles .articleList ul { width: 311px; padding: 16px; float: left; }
		.articles .articleList ul li { background: url(images/services-icons.gif) 4px -164px no-repeat; padding: 0 0 2px 16px; }
			.articles .articleList ul a { color: #4d4d4d }

#content .articles .articleSummaries { border-right: none; padding-left: 1px; }
	.articles .articleSummaries .item { 
		width: 312px; height: 94px; float: left; overflow: hidden; 
		padding: 16px 16px 15px 15px; border: 1px solid #d6d6d6; border-width: 0 1px 1px 0px;
		background: white url(images/services-articles-bg.png) bottom left repeat-x; }
		.articles .articleSummaries .item.extended { width: 656px; height: auto; float: left; overflow: hidden; }
			.articles .articleSummaries .item.extended .thumbnail { width: auto; }
				.articles .articleSummaries .item.extended .thumbnail img { position: static }
		.articles .articleSummaries .item .thumbnail { float: right; overflow: hidden; position: relative; margin-left: 16px; height: 92px; width: 92px; border: 1px solid #d6d6d6; }
			.articles .articleSummaries .item .thumbnail img { display: block; position: absolute; left: -54px; }
		.articles .articleSummaries .item h3 { font-size: 18px; padding: 0; margin: 4px 0; text-transform: none; border: none; }
			.articles .articleSummaries .item h3 a { text-decoration: none; color: #4d4d4d }
		.articles .articleSummaries .item blockquote { display: none; }
			.articles .articleSummaries .item.extended blockquote { display: block; }

.articles .articleSummaryList {}
	.articles .articleSummaryList .item { 
		width: 656px; height: 94px; float: left; overflow: hidden; 
		padding: 16px 16px 15px 15px; border: 1px solid #d6d6d6; border-width: 0 0 1px 0;
		background: white url(images/services-articles-bg.png) bottom left repeat-x; }
	.articles .articleSummaryList .item .thumbnail { float: right; border: 1px solid #d6d6d6; }
		.articles .articleSummaryList .item .thumbnail { display: block; }
	.articles .articleSummaryList .item h3 { font-size: 18px; padding: 0; margin: 4px 0; text-transform: none; border: none; }
		.articles .articleSummaryList .item h3 a { text-decoration: none; color: #4d4d4d }

/* General comments listing; post.asp, thread.asp, review.asp */
.comments {
	margin: 16px 0 0 0; 
	background: white url(images/community-comment-bg.gif) -776px 0 repeat-y; }
	.comments .inner {
		padding: 10px; border: 1px solid #d4e9fb; border-width: 0 0 1px 1px;
		background: transparent url(images/community-comment-bg.gif) -54px 0 no-repeat; }
	.comments h3 {
		margin: 0; padding: 5px 0 5px 30px; font-size: 14px; margin: 0 0 10px 0;
		background: url(images/community-icons.gif) 4px -35px no-repeat; }
		.thread .new h3 { background: url(images/community-user-large.gif) 8px 3px no-repeat; }
		.thread .login h3 { background: url(images/community-user-disabled-large.gif) 8px 3px no-repeat; }
		.comments h3 strong { font-weight: normal;}
	.comments dl.commentList { margin: 0 10px; }
	.comments form {
		background: #f2f2f2; border-top: 1px solid #ccc;
		padding: 8px 16px 16px 16px; margin-top: 1em; }	
		.comments form textarea { width: 600px; height: 8em; }

/* Blog summary listings; default.asp and posts.asp */
.posts .item {
	position: relative; overflow: hidden;
	margin-top: 26px;
	}
	.posts .item.first { margin-top: 10px; }
	.posts .item h3 { font-size: 18px; margin: 0 0 7px 4px; }
		.posts .item h3 a { color: #4d4d4d; }
	.posts .item p { margin: 10px 0 10px 4px; }
	.posts .item p.byline { margin: 4px 0 10px 4px; }
	.posts .item img {
		float: right; margin: 0 0 5px 5px; padding: 3px; 
		background: white; border: 1px solid #ccc; }
	.posts .item .commentSummary {	
		margin: 10px 0 0 0; 
		background: white url(images/community-comment-bg.gif) -776px 0 repeat-y; }
		.posts .item .commentSummary .inner {
			padding: 10px; border: 1px solid #d4e9fb; border-width: 0 0 1px 1px;
			background: transparent url(images/community-comment-bg.gif) -54px 0 no-repeat; }
		.posts .item .commentSummary p { margin: 0; }

/* Forum thread listing; default.asp and threads.asp */
.threads .item {	
	margin-top: 10px; 
	background: white url(images/community-comment-bg.gif) -776px 0 repeat-y; }
	.threads .item .inner {
		padding: 10px; border: 1px solid #d4e9fb; border-width: 0 0 1px 1px;
		background: transparent url(images/community-comment-bg.gif) -54px 0 no-repeat; }
		.threads .item.first { margin-top: 0; }
		.threads .item h3 { font-size: 16px; margin: 0 0 4px 0; }
			.threads .item h3 a { color: #4d4d4d; }
	.threads .commentSummary { padding: 0;  }

/* General reviews listing; default.asp, reviews.asp */
.reviews .content {
	overflow: hidden; margin: 0 -10px -10px 0; }
	.reviews .item {
		float: left; width: 329px; margin: 0 10px 10px 0;
		background: url(images/community-comment-bg.gif) -1115px 0 repeat-y }
		.reviews .item .inner {
			overflow: hidden; height: 105px;
			padding: 10px; border: 1px solid #d4e9fb; border-width: 0 0 1px 1px;
			background: transparent url(images/community-comment-bg.gif) -392px 0 no-repeat; }

		.reviews .item h3 { margin: 0 0 6px 0; font-size: 14px; }
			#content .reviews h3 a { color: #444; }
		.reviews .thumbnail { float: left; margin-right: 16px; position: relative; width: 85px; height: 85px; overflow: hidden; }
			.reviews .thumbnail img { display: block; position: absolute; left: -22px; top: 0; }
		.reviews p { margin: 0 10px 3px 0; }
		.reviews .count {
			display: block; float: left; margin: 0 6px 0 0;
			background: url(images/community-icons.gif) 0 -40px no-repeat;
			width: 20px; text-align: center; height: 18px; color: white;
			font-weight: normal; font-size: 11px; }
			.reviews .count span { display: none; }
		
/* Generic comments summary */
.commentSummary { overflow: hidden; background: white }
	.commentSummary p { margin: 0; color: #7d7d7d; }
		.commentSummary span { color: #444; }
		.commentSummary .count {
			display: block; float: left; margin: 0 6px 0 0;
			background: url(images/community-icons.gif) 0 -40px no-repeat;
			width: 20px; text-align: center; height: 18px; color: white;
			font-weight: normal; font-size: 11px; }
			.commentSummary .count span { display: none; }
	.commentSummary blockquote { margin: 1px 0 0 26px; }


/**
 *	Page specific rules
 */

/* Review specific rules; review.asp */
.community .review {}
	.community .review .content {  background: white; padding: 10px 0 0 0; }
	.community .review h2 { margin: 0; }
	.community .review img { float: left; margin: 0 0 10px 0; }
	.community .review .details { padding: 10px; overflow: hidden;	}
		.community .review .details h2 { font-size: 13px; font-weight: bold; border: none; padding: 0; margin: 0; }
		.community .review .details p { margin: 0.25em 0; }
		.community .review .details p.price { margin: 10px 0 0 0; }
			.community .review .details p.price a { background: url(images/catalog-icons.gif) 0 -456px no-repeat; padding: 0 0 0 20px; }
	.community .review .comments { margin: 0; clear: left; }
		.community .review .comments .inner {  background-image: url(images/community-comment-w-bg.gif); }

.post {}
	.post h2 { font-size: 18px; border: none; margin: 16px 0 4px 0; padding: 0;}
	.post p.byline { margin: 4px 0 16px 0; }

.thread {}
	.thread h2 { font-size: 18px; border: none; margin: 16px 0 4px 0; padding: 0;}
	.thread p.byline { margin: 4px 0 16px 0; }

/* Blog specific rules; post.asp */
.blogText img {
	margin:1em;
	padding:8px;
	background: white;
	border:1px solid #ddd;
	}
	.blogText img[align="left"] { margin-left: 0; }
	.blogText img[align="right"] { margin-right: 0; }

.menu .col { float: left; width: 280px; margin: 32px 0 32px 32px; }
	.menu h1 { display: none; }
	.menu h2 { font-size: 19px; color: #ff8f10; margin-bottom: 10px; border-bottom: 3px solid #ff8f10; }	
	.menu ul li { margin: 10px 0; }
	.menu ul a { 
		padding: 0 0 0 25px; text-decoration: none; color: #ff8f10; font-size: 14px;
		background: url(images/services-icons.gif) 0 -136px no-repeat; }	
		.menu .engage ul a { font-weight: bold; }
	.menu ul span { display: block; margin: 0 0 0 25px; }
	
.pagination { margin-top: 8px; }

/* Magazine order rules; magazine.asp */
.magazine #fld_email, 
.magazine #fld_company, 
.magazine #fld_address { width: 325px }
.magazine .errors { margin: 1em 0; }
	.magazine .errors h3 { margin: 1em 0; }
	.magazine .errors ul { margin: 0 0 0 2em; }
	.magazine .errors li { list-style-type: disc; }

