/*==============================================================
Six Disciplines - Portal Area Styles
==============================================================*/
body.portal {background: url('/images/portal-body-bg.gif') repeat-x top}
.portal #header {background: url('/images/design/portal-logo.gif') no-repeat top left;}

.portal #logo {float:left;margin: 0px; height: 60px; width:270px; /*width: 100%;*/}
.portal #logo a { display: block; padding:0px; height: 60px; width: 250px; text-decoration:none; margin:0px;}
.portal #logo span{ display:none;margin:0px; padding:0px;}
.portal #logo h1 { padding:0px; margin: 0px;}

/* Portal Main Nav */
.portal #portalnav {float:left;margin:10px 0px 0px 0px;padding:0px;text-transform:uppercase;font-size:12px;}
.portal #portalnav ul {display:inline;margin:0px;padding:0px;}
.portal #portalnav ul li {float:left;display:inline;margin:0px;width:auto;border-left:1px solid #eee;}
.portal #portalnav ul li.logout {border-right:1px solid #eee;}
.portal #portalnav ul li a {color:#000;text-decoration:none;display:block;padding:8px 10px;width:auto;}
.portal #portalnav ul li.selected a {color:#000;}
.portal #portalnav ul li a:hover {background:#ccc;}
.portal #nav_930698 li ul li:hover a,
.portal #nav_930698 li ul li.sfhover a 
	{background:#ddd;width:auto;}
.portal #nav_930698 li ul li, 
.portal #nav_930698 li ul li a, 
.portal #nav_930698 ul li ul li a 
	{width:150px;}
/* Portal MiniNav */
#mininav .location-id {float:right;text-align:right;padding:7px 0px 0px 0px;color:#fff;}
#mininav .location-id a{color:#fff;text-decoration:none;}
#mininav .location-id a:hover{color:#fff;text-decoration:underline}
/* Portal Page */
.content-right{float:left;margin:0px 0px 0px 25px;width:640px;}
.portal #page {min-height:800px;margin:30px 0px 0px 0px;}
.portal #page .content-right{margin:0px 0px 0px 35px;}
.portal #page h1{margin:0px 0px 20px 0px;padding:10px 0px 15px 0px;font-size:30px;color:#000;border-bottom:1px solid #000;}
/* Portal Sidebar */
.portal-sidebar {float:left;width:225px;}
.portal-sidebar img {margin:20px 0px 0px 0px;}
.portal-sidebar .search-box {margin:0px 0px 20px 0px;padding:0px;}
.portal-sidebar .search-box input{font-size:14px;}
.portal-sidebar .search-box input.cat_textbox_small{width:143px;border:1px solid #000;font-size:14px;padding:10px;margin:0px;}
.portal-sidebar .search-box input.cat_button{width:60px;background:#666;border:1px solid #000;border-left:none;padding:9px;}
.portal-sidebar .search-box input.cat_button:hover{width:60px;background:#333;color:#ccc;}
.portal-sidebar .portal-quicklinks {margin:0px;padding:0px;}
.portal-sidebar .portal-quicklinks ul{margin:0px;padding:0px;}
.portal-sidebar .portal-quicklinks ul li{list-style-type:none;font-size:12px;}
.portal-sidebar .portal-quicklinks ul li a {display:block;padding:10px;border-bottom:1px solid #ccc;}
.portal-sidebar .portal-quicklinks ul li a:hover {background:#efefef;}
.portal-sidebar .portal-quicklinks ul li.first {cursor:pointer;}
.portal-sidebar .portal-quicklinks ul li.first a {cursor:default;display:block;background:#000;color:#FFF;text-decoration:none;}
.portal-sidebar .portal-quicklinks ul li.first:hover{cursor:default;background:#fff;color:#222222;text-decoration:none;}









/* @group BASE */

/* @group FRIENDLY SETTINGS */

img, a img { border:0; } /* nobody likes default border around images */

.clear { display: inline-block; }   
.clear:after { content: "."; display: block; height: 0;   clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

/* @end */
/* based on YUI 2.3 base.css */

/* Idioms */

ul.mod {
	list-style-image:none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.mod li {
	list-style: none;
}
/* @end */

/* @group Web Form */

ul.form {
	margin: 0;
	padding: 0;
}

ul.form li {
	list-style: none;
	margin: 0 0 18px 0;
}

ul.form li label {
	color: #888;
	display: block;
}

div.form div.item, div.webform div.item {
	padding: 9px;
}

cat_button {}

input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {
	width: 300px;
}

.cat_dropdown_small {
	width: 200px;
}

.cat_dropdown_smaller {
	width: 150px;
}

.cat_textbox_small, .cat_listbox_small {
	width: 200px; /* DON'T TOUCH THIS */
}

.cat_listbox {
	height: 120px;
	width: 300px;
}

table.webform,
table.reporting {
	border-collapse:collapse;
	border-spacing:0;
	width: 450px;
}

table.webform td {
	line-height: 24px;
	padding: 0px 0px 10px 0px;
}

.form label, .webform label {
	font-size: 11px;
	font-weight:bold;
}

.form input, .webform input {
	margin-right: 3px;
}

/* @end */

/* @group System Message */

.system-message, .system-error-message {
	background-color: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 18px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	padding: 36px 36px 36px 180px;
}

.system-message {
	background: #f9f9f9 url(/CatalystImages/ok.png) no-repeat 29px 18px;	
}

.system-error-message {
	background: #f9f9f9 url(/CatalystImages/error.png) no-repeat 26px 26px;
}

.system-message h1, .system-error-message h1 {
	color: #000;
	margin: 0 0 18px 0;
}

.system-message a:link, .system-error-message a:link {
	color: #1969bc;
}

.ok {
	background: #E9FBE3;
	color: #21A347;
	margin-bottom: 18px;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	margin-bottom: 18px;
}

/* @end */

/* @group Announcement */

.announcement-list {
	font-size: 11px;
}

.announcement-list h2 {
	font-size: 14px;
	margin: 0 0 3px 0;
}

.announcement-list span.date {
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 0 6px;
}

.announcement-details span.date {
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 18px;
}

/* @end */

/* @group Blog */

/* NOTE: div.post-list exists in FORUMS as well */


.blog-list {
	background: #f9f9f9;
	border: 1px solid #eee;
	color: #000;
	font-size: 11px;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-list h2 {
	font-size: 18px;
	margin: 0 0 3px 0;
}

.blog-list span {
	color: #888;
}

.blog-container h1 {
	font-size: 36px;
	line-height: 40px;
	margin: 0 0 6px 0;
}

.blog-container p.description {
	margin: 0 0 36px;
}

.blog-post h2.post-title {
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	margin: 0;
	padding: 0 0 3px 0;
}

.blog-post .post-details {
	color: #888;
	font-size: 11px;
	margin: 0 0 18px;
}

.blog-container .post-list {
	float: left;
	width: 69%;	
}

.blog-post .post-body {
	margin: 0 0 36px;
}

.comment-list {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin-bottom: 36px;
	padding: 18px;
}

.comment-list h5 {
	font-size: 14px;
	margin: 0 0 18px;
}

.comment-list input#Captcha {
	width: 300px;
}

.comment-list textarea.cat_listbox_small {
	height: 120px;
	width: 100%;
}

.blog-comment-container {
	border: 1px solid #e9e9e9;
	margin: 0 0 18px;
}

.blog-comment-container  .comment-details {
	background: #eee;
	font-size: 11px;
	padding: 6px;
}

.blog-comment-container .comment {
	background: #fff;
	padding: 9px;
}

span.flag {
	margin: 0 6px;
	vertical-align: middle;
}

input#fullname, input#website, input#emailaddress {
	width: 300px;
}

textarea.comment {
	height: 160px;
	width: 100%;
}

.forum-registration textarea.comment {
	height: 70px;
	width: 270px;
}

.post-body .links {
	font-size: 11px;
}

.blog-container .side-panel {
	float: right;
	width: 27%;
}

.side-panel h4 {
	font-size: 12px;
	margin: 0 0 9px;
}

.BlogTagCloud {
	margin: 0 0 18px;
}

.BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul {
	margin: 0;
	padding: 0;
}

.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li {
	font-size: 11px;
	list-style: none;
	margin: 0 0 9px;
}

p.page-nav {
	text-align: center;
} 

p.page-nav a {
	margin: 0 9px;
}

.blog-post dl {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-post dt {
	color: #000;
}

.blog-post dd {
	margin: 0 0 9px;
}

/* @end */

/* @group Booking */

.booking-list {
	margin: 0 0 9px;
}

.booking-list span.date {
	margin: 0 9px 0 0;
}

.booking-container h1, .form-container h2 {
	margin: 0 0 18px;
}

.form-container {
	background: #f9f9f9;
	border: 1px solid #eee;
	padding: 18px;
}

.form-container input#FirstName, .form-container input#LastName, .form-container input#EmailAddress, .form-container input#Company, .form-container input#WorkPhone {
	width: 260px;
}

.go-back {
	margin: 18px 0;
}

/* @end */

/* @group Calendar */

div.select-month-year {
	padding: 9px 0;
}

table.module-calendar {
	border: 1px solid #888;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

table.module-calendar td {
	border: 1px solid #d7d7d7;
	font-size: 11px;
	height: 80px;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
}

table.module-calendar td span {
	background: #f7f7f7;
	color: #333;
	display: block;
	font-size: 11px;
	padding: 0 2px;
	text-align: right;
}

tr.day-of-week td {
	background: #d7d7d7;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	text-align: center;
	vertical-align: middle;
}

table.module-calendar td.events span {
	background: #2BABFA;
	color: #fff;
	font-weight: bold;
}

table.module-calendar td.events {
	background: #EEF5FA;
}

table.module-calendar td ul {
	margin: 9px 0;
	padding-left: 24px;
}

table.module-calendar td.last-month {
	background: #eee;
}

table.module-calendar td.next-month {
	background: #eee;
}

/* @end */

/* @group Catalogue and Products */

.shop-catalogue {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	height: 180px;
	margin: 0 6px 6px 0;
	overflow: hidden;
	width: 180px;
}

.shop-catalogue h4 {
	font-size: 12px;
	height: 27px;
	line-height: 27px;
	margin: 0;
	text-indent: 9px;
}

.shop-catalogue h4 a {
	color: #1969bc;
	text-decoration: none;
}

.shop-catalogue .image {
	/* Image size should be 150px by 120px */
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px;
	text-align: center;
}

.shop-main {
	margin-top: 18px;
}

.shop-main .header {
	border-bottom: 1px solid #eee;
	height: 27px;
	line-height: 27px;
	margin: 0 0 18px;
}

.shop-main .breadcrumbs {
	float: left;
	width: 40%;
}

.shop-main .cart-summary {
	float: right;
	width: 40%;
}

.shop-main .description ul {
	margin: 0 0 0 18px;
	padding: 0;
}

.shop-main .description li {
	list-style: square;
}

table.cartSummaryTable {
	border-collapse:collapse;
	border-spacing:0;	
	font-size: 12px;
	float: right;
}

td.cartSummaryItem {
	padding: 0;
}

a.cartSummaryLink {
	margin: 0 0 0 18px;
}

.shop-main ul {
	margin: 0;
	padding: 0;
}

.shop-main li {
	list-style: none;
}

table.catalogueTable {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
	margin: 0 0 18px;
}

table.catalogueTable td {
	padding: 0;
}

table.productTable {
	border-collapse:collapse;
	border-spacing:0;	
	table-layout: fixed;
	width: 100%;
}

table.productTable td {
	padding: 3px;
}

.shop-product-small {
	background: #fff;
	border: 1px solid #ddd;
	color: #666;
}

.shop-product-small h5 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	min-height: 36px;
	padding: 18px 18px 6px;
}

.shop-product-small h4 a {
	color: #1969bc ;
}

.shop-product-small h5 a {
	text-decoration: none;
}

.shop-product-small ul {
	background: #f9f9f9;
	padding: 18px;
}

.shop-product-small ul li {
	font-size: 11px;
	margin: 0 0 6px;
}

.shop-product-small li.price {
	font-size: 11px;
}

.shop-product-small li.price strong {
	font-size: 14px;
	margin-left: 6px;
}

.shop-product-small li.stock {
	font-size: 11px;
}

.shop-product-small li.stock strong {
	color: #666;
	margin-left: 3px;
}

.shop-product-small .image {
	height: 120px;
	margin: 0 auto 9px;
	overflow: hidden;
	width: 120px;
	text-align: center;
}

.image a, td.actions a {
	border: none !important;
}

.shop-product-small li.quantity {
	line-height: 30px;
}

li.quantity img {
	position: relative;
	top: 8px;
	/* or vertical-align: middle; */
}

.shop-product-small li.quantity input.productTextInput {
	width: 50px;
}

.shop-product-small li.quantity input.productSubmitInput {
}

.shop-product-large {
	background: #fff;
	border: 1px solid #eee;
	color: #666;
	margin: 0 0 18px;
	min-width: 640px;
	overflow: hidden;
}

.shop-product-large h1 {
	color: #000;
	font-size: 14px;
}

.shop-product-large .image {
	margin-left: 36%;
	min-height: 360px;
	height: auto !important; /* for modern browsers */
	height: 360px; /* for IE5.x and IE6 */		
	padding: 18px;
	text-align: center;
}

.shop-product-large .shop-product-small .image {
 	margin: 0;
	min-height: 160px; 
	height: auto !important; /* for modern browsers */
	height: 160px; /* for IE5.x and IE6 */		
	padding: 18px;
	text-align: center;
	width: auto;
}

.shop-product-large .shop-product-small ul {
	padding: 9px;
}

.shop-product-large .shop-product-small ul, .shop-product-large .shop-product-small li  {
	margin: 0;
}

.shop-product-large li.price {
	font-size: 14px;
}

.shop-product-large li.instock {
	font-size: 10px;
}

.shop-product-large li.quantity input.productTextInput {
	width: 50px;
}

td.productItem .comment-form input#Captcha {
	width: 300px;
}

.poplets {
	border-top: 1px solid #eee;
	margin-top: 36px;
	padding: 9px 0;
}

.poplets img {
	border: 1px solid #ddd;
}

table.productPoplets {
	border-collapse:collapse;
	border-spacing:0;	
	margin: 0 auto;
}

.shop-product-large .details {
	background: #f9f9f9;
	float: left;
	min-height: 360px;
	height: auto !important; /* for modern browsers */
	height: 360px; /* for IE5.x and IE6 */	
	padding: 18px;
	width: 30%;
}

.shop-product-large ul {
	margin: 0 0 36px;
	padding: 0;
}

.shop-product-large li {
	margin: 9px 0;
}

.shop-cart .breadcrumbs {
	margin: 0 0 18px;
}

table.cart {
	background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #ddd;
	font-size: 11px;
	width: 100%;
}

table.cart a {
	color: #1969bc;
}

table.cart th, table.cart td {
	color: #666;
	padding: 9px;
}

tr.val td {
	border-bottom: 1px solid #eee;
}

tr.shipping td {
	border-bottom: 1px solid #ddd;
}

tr.discount td.quantity, tr.shipping td.quantity {
	text-align: right;
}

td.quantity input.update {
	margin: 0 0 0 3px;
}

table.cart th {
	background: #f9f9f9;
	border-bottom: 1px solid #eee;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

input.cartInputText {
	width: 70px;
}

input#DiscountCode, input#GiftVoucher {
	width: 70px;
}

select.shippingDropDown {
	width: 150px;
}

table.cart th.quantity, table.cart td.quantity {
	text-align: right;
	width: 50px;
}

table.cart th.quantity {
	text-align: left;
}

.productitemcell {
	height: 23px;
	line-height: 20px;
	margin: 0 0 3px 0;
	overflow: hidden;
}

table.cart td.actions {
	text-align: right;
}

table.cart td.actions a {
	font-size: 12px;
	font-weight: bold;
	margin: 0 18px 0 0;
	text-decoration: none;
}

a#catshopclear {
	font-size: 10px;
	font-weight: normal;
}

table.cart strong {
	font-size: 14px;
}

.shop-form {
	margin: 0 0 18px;
}

.shop-form ul.form {
	background: #f9f9f9;
	border: 1px solid #eee;
	padding: 18px;
}

.shop-form label {
	font-size: 11px;
}

.shop-form ul.form li {
	margin: 0;
	padding: 9px 0;
}

.shop-form li.last {
	border-top: 1px solid #eee;
}

/*.shop-form .checkboxes {
	line-height: 27px;
}*/

input.PaymentMethodType {
	margin: 0 6px 0 0;
}

.shop-form ul.form input.cat_textbox,
.shop-form ul.form select.cat_dropdown,
.shop-form ul.form textarea.cat_listbox {
	width: 260px;
}

.shop-form textarea.cat_listbox {
	height: 100px;
}

.shop-receipt, .shop-quote-receipt {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 18px;
	padding: 18px;
}

.shop-receipt h1, .shop-quote-receipt h1 {
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px;
}

.shop-receipt h2, .shop-quote-receipt h2 {
	font-size: 12px;
	font-weight: normal;
}

/* @end */

/* @group Customer Cases */

table.case-list {
	border-collapse:collapse;
	border-spacing:0;	
	margin: 0;
	width: 100%;
}

table.case-list td {
	padding: 6px;
}

table.case-list td.subject,
table.case-list td.category {
	width: 40%;
}

table.case-list td.status {
	width: 20%;
}

table.case-details {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	width: 100%;
}

table.case-details td {
	padding: 6px;
}

table.case-details tr.odd td {
	background: #fff;
}

table.case-details td.var {
	color: #888;
	text-align: right;
	width: 130px;
}

table.case-details td.val {
	color: #000;
}

/* @end */

/* @group Customer Orders */

table.border {
	border-collapse:collapse;
	border-spacing:0;	
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

table.border td {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}

table.border span { color: #888; }

table.order-list {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

table.order-list td {
	border: 1px solid #eee;
}

table.order-list a {
	margin: 0 9px 0 0;
}

table.order-list span.number {
	font-size: 11px;
}

/* @end */

/* @group Comment */

.comment-container {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
}

.comment-container .header {
	background: #eee;
	font-size: 11px;
	padding: 6px 18px;
}

.comment-container span.name {
	color: #000;
}

.comment-container span.rating {
	margin: 0 9px;
	vertical-align: middle;
}

.comment-container .content {
	padding: 18px;
}

.comment-form {
	background: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 0 0 18px;
	padding: 18px;
}

.comment-form h3 {
	font-size: 14px;
	margin: 0 0 18px;
}

.comment-form h5 {
	color: #666;
	font-size: 14px;
	margin: 0 0 18px;
}

/*.comment-form li.rating div {
	font-size: 10px;
}*/

/*.comment-form li.rating div input {
	margin: 0 3px;
}*/

.comment-form input.cat_textbox_small,
.comment-form textarea {
	width: 300px;
}

.comment-form textarea {
	height: 120px;
}

/* @end */

/* @group FAQ */

table.faq-search {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0 0 18px 0;
	width: 100%;
}

table.faq-search label {
	color: #888;
}

table.faq-search td {
	border-collapse:collapse;
	border-spacing:0;	
	padding: 9px;
}

table.faqresultstable {
	background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	width: 100%;
}

table.faqresultstable td {
	color: #666;
	padding: 9px;
}

table.faqresultstable a {
	color: #1969bc;
}

table.faqresultstable td.faqresultstableinfo {
	background: #f9f9f9;
	color: #888;
	font-size: 10px;
	padding: 3px 18px;
	text-align: right;
}

table.faqresultstable td.faqresultstablecount {
	padding-left: 18px;
	width: 10px;
}

td.faqresultstablehead {
	background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;	
	color: #000;
	font-weight: bold;
}

/* @end */

/* @group Forums */

/* NOTE: div.post-list exists in BLOG as well */

.forum-container h1 {
	font-size: 24px;
}

table.topic-list, div.forum-posts-container div.post-list, div.forum-registration {
	color: #666;
}

div.forum-posts-container div.post-list a, div.forum-registration a {
	color: #1969bc;
}

div.forum-registration h2 {
	color: #000;
}

table.forum {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0;
	width: 100%;	
}

table.forum td {
	font-size: 11px;
	padding: 9px;
	vertical-align: top;
}

table.forum td.topics {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 90px;
}

table.forum td.posts {
	border-right: 1px solid #eee;	
	width: 90px;
}

table.forum td.lastpost {
	border-left: 1px solid #eee;	
	width: 180px;
}

table.forum .icon {
	float: left;
	width: 50px;
}

table.forum .forum {
	margin: 0 0 0 50px;
}

table.forum h3 {
	margin: 0;
}

table.forum h3 a {
	text-decoration: none;
}

ul.cap-top,
ul.cap-bottom {
	font-size: 11px;
	height: 30px;
	margin: 0 0 18px;
	padding: 0;
}

ul.cap-bottom {
	margin: 18px 0 0;
}

ul.cap-top li,
ul.cap-bottom li {
	display: block;	
	line-height: 30px;
	list-style: none;	
}

ul.cap-top li.user,
ul.cap-bottom li.nav-page {
	float: left;
	width: 200px;
}

ul.cap-top li.actions,
ul.cap-bottom li.actions
{
	float: right;
	font-size: 12px;
	text-align: right;
	width: 350px;
}

ul.cap-top li.actions a,
ul.cap-bottom li.actions a{
	float: right;
	margin: 0;
	padding: 0 9px;
}

table.topic-list {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 100%;
}

table.topic-list th {
	background: #ddd;
	border: 1px solid #ddd;
	color: #000;
	font-size: 10px;
	padding: 6px;
	text-align: left;
}

table.topic-list .name {
	font-weight: bold;
	width: 60%;
}

table.topic-list .name .icon {
	float: left;
	width: 30px;
}

table.topic-list .replies,
table.topic-list .views {
	font-size: 10px;
	text-align: center;
	width: 10%;
}

table.topic-list .date {
	font-size: 10px;
	text-align: right;
	width: 20%;
}

table.topic-list td {
	padding: 0;
}

table.topic-list a {
	color: #1969bc;
}

table.topic {
	border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;;
	margin: 0;
	width: 100%;
}

table.topic td {
	padding: 9px;
}

table.topic td.name,
table.topic td.replies,
table.topic td.views {
	border-right: 1px solid #eee;
	vertical-align: middle;
}

.forum-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.forum-registration input.cat_textbox,
.forum-registration textarea.cat_textbox {
	width: 260px;
}

.forum-registration input.cat_button {
	margin: 0 6px 0 0;
}

.forum-posts-container .breadcrumb {
	font-size: 11px;
	padding: 6px;
}

.forum-posts-container h1 {
	font-size: 18px;
	margin: 18px 0;
}

.forum-posts-container h2 {
	background: #eee;
	border: 1px solid #eee;
	color: #888;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 3px 18px;
}

.forum-posts-container table.container {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

.forum-posts-container td {
	background: #f9f9f9;	
	border: 1px solid #ddd;
	padding: 18px;
	vertical-align: top;
}

.forum-posts-container td.author {
	font-size: 11px;
	width: 160px;
}

.forum-posts-container h3.name {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.forum-posts-container tr.sub td {
	height: 30px;
	padding: 0 18px;
}

.forum-posts-container td.action a {
	float: right;
	line-height: 30px;
}

/* @end */

/* @group Literature */

p.literature-container img {
	vertical-align: middle;
}

p.literature-container span.icon, p.literature-container span.name {
	margin: 0 3px 0 0;
}


/* @end */

/* @group Secure Zone Markup */

.case-search {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-lost-password {
	background: #f9f9f9;
	border: 1px solid #eee;	
	padding: 18px;
}

.secure-lost-password input.cat_textbox_small {
	width: 210px;
}

.secure-update-details {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-update-details input.cat_textbox,
.secure-update-details select.cat_dropdown {
	width: 260px;
}


/* @end */

/* @group Form Modules */

.product-form h3 {
	padding-left: 9px;
}

.secure-login, .newsletter-form {
	background: none;
	border: none;
	margin-bottom: 18px;
}

.secure-login h3, .newsletter-form h3 {
	background: none;
	border-bottom: none;
	font-weight:bold;
	font-size: 14px;
	margin: 0;
	padding: 16px 18px 0;
}

.secure-login div.form, .newsletter-form div.form {
	padding-left: 9px;
}

/* @end */

/* @group Search */

.search-box {
	padding: 6px;
}

.search-box input.cat_textbox_small {
border:1px solid #cccccc;
margin: 0 3px 0 0;
padding:3px;
width:185px;
}

.search-box input.cat_textbox_small:focus{
border:1px solid #990000;
}


/* @end */

/* @group Photo Gallery */

#imageContainer img {
	margin: 0;
}

table.photogalleryTable td {
	padding: 9px;
}

/* @end */

/* @group Affiliate Program */

table.affiliate-stats {
	border: 1px solid #d7d7d7;
	border-collapse: collapse;
}

table.affiliate-stats td {
	border: 1px solid #d7d7d7;
	padding: 6px;
}

table.affiliate-stats td.var {
	color: #888;
}

/* @end */

/* @group Tell a Friend */

.tell-a-friend {
	border: 2px solid #333;
	background-color: #fff;
	color: #666;
	padding: 18px;
}

.tell-a-friend form {
	padding: 0 0 0 36px;
}

.tell-a-friend  h1 {
	border-bottom: 1px solid #ccc;
	color: #222;
	font-size: 18px;
	margin: 0;
	padding: 0 0 6px;
}

.tell-a-friend  h2 {
	border-bottom: 1px dotted #ccc;
	color: #222;
	font-size: 12px;
	margin: 18px 0 9px;
}

.tell-a-friend  td.var {
	text-align: right;
	width: 130px;
}

.tell-a-friend td {
	font-size: 11px;
	vertical-align: top;
}

.tell-a-friend  label {
	color: #888;
	font-size: 11px;
}

.tell-a-friend  input.cat_textbox_small {
	height: 21px;
}

.tell-a-friend  input.cat_textbox_small, .tell-a-friend textarea.cat_listbox {
	font-size: 11px;
	width: 300px;
}

/* @end */

/* @group Favourites */

.favourite-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.favourite-registration input.cat_textbox,
.favourite-registration textarea.cat_textbox {
	width: 260px;
}

.favrourite-registration input.cat_button {
	margin: 0 6px 0 0;
}


/* @end */

/* @group eCommerce Browse Panel */

.browse-panel {
	border: 1px solid #d7d7d7;
}

.browse-panel h5 {
	background: #eee url(/CatalystImages/shop_bg-browse-panel.png) repeat-x;
	border-bottom: 1px solid #d7d7d7;
	font-size: 14px;
	margin: 0;
	padding: 9px;
}

.browse-panel h6 {
	background: #f7f7f7;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 3px 9px;
}

.browse-panel ol {
	background: #fff;
	border-bottom: 1px solid #e7e7e7;
	margin: 0;
	padding: 9px;
}

.browse-panel ol.browse-catalogue {
	border-bottom: none;
}

.browse-panel li {
	list-style: none;
	padding: 3px 9px;
}

.browse-panel li span {
	display: inline;
	font-weight: bold;
}

/* @end */

/* @group eCommerce Slider */

img.drag {
	position: relative;
	padding: 0.5em;
	/*margin: 0 0 0.5em 1.5em;*/
	margin: 0;
	cursor: move;
}
 
.slidertrack {
    background-color: #d7d7d7;
    color: #333;
    float: left;
    margin: 0;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
    padding: 4px;
    border: 1px solid;
    border-color: #ccc #aaa #aaa #ccc;
}
 
.slidertrack .sliderslit {
    background-color: #333;
    color: #ccc;
    height: 2px;
    margin: 4px 4px 2px 4px;
    line-height: 0px;
    position: absolute;
    z-index: 1;
    border: 1px solid;
    border-color: #999 #ddd #ddd #999;
}
 
.slidertrack .slider {
    width: 16px;
    background-color: #555;
    color: #333;
    position: relative;
    margin: 0;
    height: 8px;
    z-index: 1;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
    border: 2px solid;
    border-color: #999 #222 #222 #999;
}
 
#zoomcontainer{
    overflow: hidden;
    position: relative;
}

#zoomcontainer img{
    position: absolute;
}

/* CLEAR ALL STYLING */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* MAIN FONTS & COLORS */
body{
font-family:Trebuchet,Helvetica,Arial;
font-size:14px;
color:#333333;
background-color:#660000;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

strong{
font-weight:bold;
}

.strong{
font-weight:bold;
}

em{
font-style:italic;
}

.clear{
clear:both;
}

.clear-right{
clear:right;
}

.clear-left{
clear:left;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.alignleft{
float:left;
padding:5px;
}

.alignright {
float:right;
padding:5px;
}

.aligncenter {
border:1px solid #CCCCCC;
padding:5px;
}

p{
padding-bottom:10px;
}

h1{
padding-bottom:10px;
font-size:26px;
}

h2{
font-size:16px;
color:#660000;
font-size:20px;
padding-bottom:10px;
}

h3{
color:#660000;
margin:15px 0 0;
font-size:16px;
}

a{
color:#660000;
}

a:hover{
color:#000000;
}

ol {
list-style:decimal;
padding-left:25px;
padding-bottom:10px;
}

ul{
list-style:disc;
padding-left:20px;
padding-bottom:10px;
}

blockquote {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
font-style:italic;
margin:10px 0;
padding:15px;
}


blockquote.right {
background:transparent none repeat scroll 0 0;
border-color:#AAAAAA;
border-style:double;
border-width:3px 0;
float:right;
font-size:1.4em;
font-style:italic;
margin:0 0 5px 0;
padding:7px 0;
text-align:left;
}

blockquote.right p{
font-weight:bold;
padding:0;
margin:0;
}

/* CONTENT STYLING */

#toolbar {
background:#000 url(../images/toolbar-bg.jpg) repeat-x top; 
height:24px;
padding-top:6px;
}

.toolbar-container {
background-image:url(../images/bg-toolbar-header.gif);
background-position:0 -5px;
background-repeat:no-repeat;
width:895px; 
margin:0px auto; 
padding:0 0 0 5px;
height:18px;
}

.toolbar-container p{
font-size:12px;
}

#container {
width:960px; 
margin:0px auto;
}

#header {
background:url(../images/bg-header.gif) no-repeat top left;
margin: 0px; 
padding: 0px; 
height: 90px; 
width: 960px;
}

#header h1 {
padding:0px; 
margin: 0px;
}

#header h1 a{
height:85px;
width:250px;
float:left;
}

#header h1 a span{
display:none;
}

#content{
background-color:#FFFFFF;
background-image:url(../images/bg-content.gif);
background-position:left center;
background-repeat:repeat-y;
margin-left:30px;
width:900px;
}

#content-top{
background-image:url(../images/content-top.gif);
background-repeat:no-repeat;
background-position:top;
width:900px;
height:3px;
margin:0;
padding:0;
}


#sidebar-left {
width:200px;
min-height:665px;
float:left;
margin:0px;
padding:0px 0px 0px 0px;
}

#sidebar-left h2{
width:185px;
height:32px;
padding:15px 15px 0 0;
text-align:right;
margin:0;
text-align:right;
border-bottom:1px solid #666666;
display:block;
font-size:13px;
font-family:Trebuchet, Helvetica, Arial;
font-weight:normal;
color:#666666;
}

#sidebar-left ul {
list-style-type:none;
padding:0;
margin:0;
}

#sidebar-left ul li{
text-transform:uppercase;
padding:10px 15px 10px 0;
width:186px;
margin:0;
color:#000000;
font-size:16px;
font-weight:bold;
text-align:right;
border-bottom:1px solid #666666;
border-top:1px solid #ffffff;
}

#sidebar-left ul li a{
color:#333333;
text-decoration:none;
}  

#sidebar-left ul li a:hover{
color:#990000;
}

#sidebar-left ul li.selected{
width:187px;
border-right:none;
background-color:#ffffff;
}

#sidebar-left ul li ul{
display:none;
}

#sidebar-left ul li.selected ul {
display:block;
padding:0;
margin:5px 0 0 0;
}

#sidebar-left ul li ul li{
text-transform:none;
font-size:13px;
font-weight:bold;
border:none;
margin:0;
padding:3px 0 0 0;
}


#sidebar-left ul li ul li.selected a{
color:#990000;
}

#sidebar-left img, #sidebar-left a img{
display:none;
}

#content-main { 
width:610px; 
padding:0 50px 0 40px;
min-height:665px; 
float:left;
line-height:1.4em;
}

#content-main p{
line-height:1.4em;
margin:0;
padding:0 0 10px;
}

#content-main h1{ 
color:#660000; 
padding:18px 0px 25px 0px;
font-size:36px;
}

#content-main h2{
font-weight:bold;
}

#content-main h3{
font-weight:bold;
}

#content-main ul{
margin:0 0 0 20px;
padding:3px 15px 5px;
}

#content-main ul li{
padding:0 0 3px 0;
}

#search {
padding:10px 20px 0 0;
float:right;
margin:0;
text-align:right;
}

#search a{
color:#333333;
text-decoration:none;
}

#search a:hover{
color:#990000;
}

/*
.cat_button{
background-image:url(../images/search-button.gif);
background-repeat:none;
width:24px;
height:20px;
border:none;
cursor:pointer;
}
*/

#content-main .content-top{
background-image:url(../images/bg-content-top.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:0 0 1px 0;
margin:0 0 15px 0;
font-weight:bold;
}

#content-main .content-top h1{
font-weight:normal;
}

#content-main.narrow {
text-align:left;
width:420px;
float:left;
padding:0 40px;
}

#sidebar-right {
float:left;
margin:0 40px 0 0;
min-height:573px;
padding:45px 0 0;
width:160px;
}

#sidebar-right h2{
width:145px;
height:32px;
padding:15px 15px 0 0;
text-align:left;
margin:0 0 10px 0;
text-align:left;
border-bottom:1px solid #999999;
display:block;
font-size:13px;
font-family:Trebuchet, Helvetica, Arial;
font-weight:bold;
color:#990000;
}
#sidebar-right h4{
float:left;
padding-top:10px;
padding-bottom:10px;
font-size:16px;
font-weight:bold;
color:#660000;
}

#sidebar-right ol {
margin:0;
padding-left:0;
}

#sidebar-right ol li {
clear:left;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-bottom:16px;
width:160px;
}

#sidebar-right ol li .date {
clear:left;
color:#000000;
float:left;
font-size:9px;
font-weight:normal;
padding-top:3px;
width:100px;
}
#sidebar-right ol li .author {
display:none;
}
#sidebar-right ol li a {
color:#000000;
}

#sidebar-right ul {
list-style-type:none;
padding:0;
margin:0;
}

#sidebar-right ul li{
text-transform:uppercase;
padding:10px 15px 10px 0;
width:145px;
margin:0;
color:#000000;
font-size:16px;
font-weight:bold;
text-align:left;
}

#sidebar-right ul li a{
color:#333333;
text-decoration:none;
} 

#sidebar-right ul li a:hover{
color:#990000;
} 

#sidebar-right ul li ul{
padding:0;
margin:5px 0 0 0;
}

#sidebar-right ul li ul li{
text-transform:none;
font-size:12px;
font-weight:bold;
border:none;
margin:0;
padding:3px 0 3px 0;
border-top:1px solid #cccccc;
}

#sidebar-right ul li ul li a{
color:#660000;
text-decoration:none;
}

#sidebar-right ul li ul li.selected a{
color:#990000;
}


#footer {
background-image:url(../images/bg-footer.gif);
background-repeat:none;
color:#ffffff;
width:900px;
height:202px;
margin-left:30px;
}

.copyright-container {
float:right;
margin-top:15px;
}

.copyright-container p {
margin:0 10px 0 0;
text-align:right;
}

.copyright-container a, .copyright-container a:visited {
color:#FFFFFF;
text-decoration:none;
}
.copyright-container a:hover {
text-decoration:underline;
}
#footer ul {
float:right;
list-style-type:none;
margin:0px 0px 10px 0px;
padding:0;
}
#footer ul li {
float:left;
padding:0 10px 0 0;
}
#footer ul li a {
color:#FFFFFF;
text-decoration:none;
}
#footer ul li a:visited {
text-decoration:none;
}
#footer ul li a:hover {
text-decoration:underline;
}


/******FORMS*****/
.form label, .webform label {
font-family:Trebuchet,Helvetica,Arial;
font-size:14px;
color:#333333;
}

#sidebar-left .cat_textbox_small{
width:160px;
}

/*****SERVICES LIST******/
#services {
background:#EEEEEE none repeat scroll 0 0;
margin:20px 0 0;
padding:0;
}

#services h3 {
background:#CCCCCC none repeat scroll 0 0;
border-bottom:1px solid #999999;
color:#000000;
height:30px;
line-height:30px;
margin:0;
padding:0 0 0 15px;
}
#content #service-list {
list-style-type:none;
margin:0 0 50px 0;
padding:2px 0 0;
width:600px;
}
#content #service-list li {
border-bottom:2px solid #FFFFFF;
list-style-type:none;
margin:10px;
min-height:50px;
padding:0 0 0 60px;
}
#content #service-list li.service-web-design {
background:#EEEEEE url(/images/design-icon.jpg) no-repeat scroll 0 0;
}
#content #service-list li.service-email-marketing {
background:#EEEEEE url(/images/email-icon.jpg) no-repeat scroll 0 0;
}
#content #service-list li.service-web-hosting {
background:#EEEEEE url(/images/hosting-icon.jpg) no-repeat scroll 0 0;
}
#content #service-list li.service-support {
background:#EEEEEE url(/images/service-icon.jpg) no-repeat scroll 0 0;
}
#content #service-list li.service-strategy {
background:#EEEEEE url(/images/strategy-icon.jpg) no-repeat scroll 0 0;
}

.service-title, .service-title a, .service-title a:visited {
color:#660000;
font-size:16px;
font-weight:bold;
padding:3px 0;
text-decoration:none;
}
.service-title a:hover {
text-decoration:underline;
}
.service-description {
color:#000000;
font-size:12px;
padding:0 0 10px;
}
.classlisting, #content ul.classlisting {
font-size:12px;
list-style-type:none;
margin:0;
padding:0;
}
.classlisting li {
border-bottom:1px solid #CCCCCC;
margin:0;
padding:10px;
}
.classlisting li strong {
display:block;
font-size:14px;
}
.classlisting li .class-register {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:block;
font-weight:bold;
margin:5px auto;
padding:5px;
width:300px;
}

/***ACCORDION***/
#content .accordion {
border-bottom:1px solid #C4C4C4;
width:610px;
}
#content .accordion h3 {
-x-system-font:none;
background:#E9E7E7 url(../Images/arrow-square.gif) no-repeat scroll right -51px;
border-color:#C4C4C4 #C4C4C4 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:120%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:100%;
margin:0;
padding:7px 15px;
}
#content .accordion h3:hover {
background-color:#CCCCCC;
}
#content .accordion h3.active {
background-color:#CCCCCC;
background-position:right 5px;
}
#content .accordion ul {
background:#FEFEFE none repeat scroll 0 0;
border-left:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
margin:0;
padding:10px;
}
#content .accordion ul li {
list-style-type:none;
margin:0 15px 20px;
padding:1px;
}
#content .accordion ul li img {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C4C4C4;
float:right;
margin:0 0 0 15px;
padding:3px;
}

/***BLOG STYLING***/
h2.post-title a{
text-decoration:none;
}

h2.post-title a:hover{
text-decoration:underline;
}

.post-body object{
padding:10px 0 10px 0;
}


/* @end */