/* CSS Document */
/* Connect Internet Solutions Limited */
/* Created by Ian Walker */
/* October 2008 */


/* General CSS
----------------------*/
body
{
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333;
}

a
{
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}

form
{
	padding: 0;
	margin: 0;
}

fieldset
{
	border: 1px solid #ccc;
	margin: 0;
	padding: 1em;
}

legend
{
	color: #006699;
	font-weight: bold;
	padding: 2px 4px;
	margin: 0;
}

/* Overall Container DIV
----------------------*/
.container
{
	float: left;
	position: relative;
	width: 100%;
	background-color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.hold
{
	float: left;
	position: relative;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	background-color: #fff;
}

/* Navigation 
----------------------*/
.navholder
{
	float: right;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 650px;
}

.basicnav
{
	float: right;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 650px;
	color: #fff;
	font-size: 70%;
	color: #FFFFFF;
}

.basicnav ul
{
	float: right;
	position: relative;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style: none;
}

.basicnav li
{
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 0px 0px;
	display: inline;
	list-style-type: none;
	color: #fff;
}

.basicnav a
{
	color: #ccc;
	text-decoration: none;
	font-weight: normal;
}

.basicnav a:hover
{
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}

.mainnav
{
	float: right;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 485px;
}

.mainnav ul
{
	float: right;
	position: relative;
	padding: 0px;
	margin: 66px 0px 0px 0px;
	width: 485px;
}

.mainnav li
{
	float: left;
	position: relative;
	background-color: #fff;
	background-image: url(../../../../images/mainnavtop.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 1px;
	display: inline;
	list-style-type: none;
	color: #333;
	text-align: center;
	width: 120px;
}

.mainnav a
{
	color: #333;
	text-decoration: none;
	font-weight: normal;
}

.mainnav a:hover
{
	color: #000;
}

/* Positioning DIVs 
----------------------*/
/* Header */
.header
{
	position: relative;
	width: 900px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #333;
	color: #fff;
}

.logo
{
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 150px;
}

/* Flash Feature */
.feature
{
	position: relative;
	width: 900px;
	padding: 0px 0px 0px 0px;
	top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

/* Holders */
.holder
{
	position: relative;
	width: 900px;
	padding: 0px 0px 0px 0px;
	top: 30px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

.holderleft
{
	float: left;
	position: relative;
	width: 435px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.holderright
{
	float: right;
	position: relative;
	width: 445px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* Columns */
.column1
{
	float: left;
	position: relative;
	width: 190px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.column2
{
	float: right;
	position: relative;
	width: 225px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.column3
{
	float: left;
	position: relative;
	width: 225px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.column4
{
	float: right;
	position: relative;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

/* Footer */
.footer
{
	float: left;
	position: relative;
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 20px 0px 0px 0px;
	color: #fff;
	background-color: #333;
	font-size: 70%;
}

.footer a
{
	color: #CCCCCC;
}

.footer a:hover
{
	color: #FFF;
}

.footerhold
{
	width: 900px;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

.footerblock
{
	float: left;
	position: relative;
	width: 182px;
	border-left: 1px solid #fff;
	padding: 0px 5px 0px 5px;
	margin: 10px 0px 10px 0px;
}

.footerblock a
{
	color: #ccc;
	text-decoration: none;
	font-weight: normal;
}

.footerblock a:hover
{
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}

.footerblock ul
{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 182px;
}

.footerblock li
{
	float: left;
	position: relative;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #fff;
	text-align: left;
	width: 182px;
}

.footerblock2
{
	float: left;
	position: relative;
	width: 120px;
	border-left: 1px solid #fff;
	padding: 0px 0px 0px 5px;
	margin: 10px 0px 10px 0px;
}

.footerblock2 img
{
	border: 0px solid #333;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

.footerblock2 a
{
	color: #ccc;
	text-decoration: none;
	font-weight: normal;
}

.footerblock2 a:hover
{
	color: #FFF;
}

.footerblock2 ul
{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 120px;
}

.footerblock2 li
{
	float: left;
	position: relative;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #fff;
	text-align: left;
	width: 120px;
}

.copyright
{
	width: 900px;
	padding: 15px 0px 5px 0px;
	margin-left: auto;
	margin-right: auto;
}

/* Individual DIVs 
----------------------*/
.welcome
{
	position: relative;
	font-size: 70%;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}

/* Tagcloud */
.tagcloud
{
	float: left;
	position: relative;
	font-size: 70%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 180%;
}

.tagcloud strong
{
	color: #FFCC00;
	padding: 10px 0px 5px 0px;
	display: block;
	font-size:110%;
}

.tagcloud ul
{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
.tagcloud li
{
	float: left;
	position: relative;
	width: 180px;
	padding: 8px 0px 8px 10px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #333;
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center left;
}
/*
.tagcloud ul
{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

.tagcloud li
{
	float: left;
	position: relative;
	width: 180px;
	padding: 8px 0px 8px 10px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #333;
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	background-image: url(../../../../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
*/
/* Articles - Press Releases, Case Studies, Featured Work, MicroBlog & Blog */
.article
{
	float: left;
	position: relative;
	font-size: 70%;
	width: 205px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
	line-height: 130%;
	background-color: #F2F2F2;
}

.article a
{
	line-height: 110%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
}

.article_closed_design
{
	float: left;
	position: relative;
	font-size: 70%;
	width: 205px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
	line-height: 130%;
	background-color: #FFF;
}

/* added for accordions */
.article_open
{
	font-size: 70%;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #CCCCCC;
	line-height: 130%;
	background-color: #F2F2F2;
	cursor: pointer;
}

.article_open a
{
	line-height: 110%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

.article_content
{
	font-size: 70%;
	padding: 0px;
	margin: 0px;
	line-height: 130%;
	background-color: #F2F2F2;
	overflow: auto;
}

.article_closed
{
	font-size: 70%;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #CCCCCC;
	line-height: 130%;
	background-color: #FFF;
	cursor: pointer;
}

.article_closed a
{
	line-height: 110%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

.article_links
{
	float: left;
	position: relative;
	font-size: 70%;
	width: 225px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #CCCCCC;
	line-height: 130%;
	background-color: #FFF;
}

.article_links ul
{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 225px;
}

.article_links li
{
	float: left;
	position: relative;
	width: 215px;
	padding: 8px 0px 8px 10px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #333;
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center left;
}


/* -- */
.microblogtext
{
	padding: 0px 0px 0px 0px;
	line-height: 120%;
	margin: 10px 0px 10px 0px;
	display: block;
}

.microblogtext a
{
	color: #663399;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Section Headings */
.pr, .pr a
{
	font-weight: bold;
	color: #CC0000;
}

.cs, .cs a
{
	font-weight: bold;
	color: #339900;
}

.fw, .fw a
{
	font-weight: bold;
	color: #339900;
}

.mb, .mb a
{
	font-weight: bold;
	color: #663399;
}

.bl, .bl a
{
	font-weight: bold;
	color: #FF6600;
}

.df
{
	font-weight: bold;
	color: #666;
}

.db
{
	color:#069;
	font-weight:bold;
}

/* Intelligent Search */
.intellsearch
{
	z-index: 999;
	float: left;
	position: relative;
	font-size: 70%;
	width: 200px;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	line-height: 130%;
}

.intellsearch strong
{
	color: #006699;
	padding: 10px 0px 5px 0px;
	display: block;
}

/* AutoComplete*/
.completionList
{
	margin: 2px 0 0 0px;
	padding: 1px;
	background-color: white;
	border: 1px solid #CCC;
	z-index: 999;
	font-size: 8pt;
}

.completionListItem
{
	list-style: none;
	background-color: white;
	color: #333;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
	z-index: 999;
}

.completionListHighlightedItem
{
	list-style: none;
	background-color: #006699;
	color: white;
	margin: 0;
	font-weight: bold;
	display: block;
	padding: 2px;
	cursor: pointer;
	z-index: 999;
}

/* Select & Search Boxes --- Form Elements */
.selectbox
{
	margin: 5px 0px 5px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 100%;
	width: 200px;
	border: 1px solid #7f9db9;
	color: #333;
	font-style: normal;
}

.searchbox, .watermark
{
	margin: 5px 0px 5px 0px;
	padding: 2px 4px 2px 4px;
	font-size: 100%;
	width: 190px;
	border: 1px solid #7f9db9;
	color: #333;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.watermark
{
	color: #999;
}

.formtext
{
	margin: 5px 0px 5px 0px;
	padding: 2px 4px 2px 4px;
}

.gobutton
{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.gobutton:hover
{
	cursor: pointer;
}

.button
{
	background-color: #eee;
	font-size: 100%;
}

.centreform .searchbox, .centreform .watermark
{
	width: 370px;
}

.centreform .selectbox
{
	width: 380px;
}

/* Talk to Us */
.talktous
{
	float: left;
	position: relative;
	font-size: 70%;
	width: 200px;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	line-height: 130%;
}
.talktous strong
{
	color: #006699;
	padding: 10px 0px 5px 0px;
	display: block;
}

/* ListPage & ArticlePage DIVs 
------------------------------*/

/* Positioning DIVs 
----------------------*/
.breadcrumbholder
{
	float: left;
	position: relative;
	width: 900px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.subholderleft
{
	float: left;
	position: relative;
	width: 190px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.subholderright
{
	float: right;
	position: relative;
	width: 690px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.leftsidebar
{
	float: left;
	position: relative;
	width: 190px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.centrebar
{
	float: left;
	position: relative;
	width: 460px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.rightsidebar
{
	float: right;
	position: relative;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* Individual DIVs 
----------------------*/
/* Breadcrumb */
/* Left */
.breadcrumbleft
{
	float: left;
	position: relative;
	width: 680px;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
}

.breadcrumbleft strong
{
	font-weight: bold;
}

.breadcrumbleft a
{
	color: #006699;
	text-decoration: none;
}

.breadcrumbleft a:hover
{
	text-decoration: underline;
}

/* Right */
.breadcrumbright
{
	float: right;
	position: relative;
	width: 200px;
	padding: 0px 0px 11px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
}

.breadcrumbright strong
{
	font-weight: bold;
}
/* Breadcrumb  ------  Link style is based in separate css file  ------  */

.breadcrumbright a
{
	color: #006699;
	text-decoration: none;
}

.breadcrumbright a:hover
{
	text-decoration: underline;
}

/* SubNavigation */

.subnavigation
{
	float: left;
	position: relative;
	font-size: 70%;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #CCCCCC;
	line-height: 100%;
}
.subnavigation ul
{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
}
.subnavigation li
{
	float: left;
	position: relative;
	width: 178px;
	padding: 11px 11px 11px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #333;
	border-bottom: 1px solid #CCCCCC;
}
.subnavigation li.level2
{
	float: left;
	position: relative;
	width: 163px;
	padding: 11px 11px 11px 15px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #333;
	border-bottom: 1px solid #CCCCCC;
	background-color: #f2f2f2;
}

/* List Page DIVs 
----------------------*/
/* List Item */
.listitem_open
{
	font-size: 70%;
	padding: 0px;
	margin: 0px;
	line-height: 130%;
	background-color: #F2F2F2;
	cursor: pointer;
}

.listitem_open a
{
	line-height: 110%;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}

.listitem_open p
{
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.listitem_open img
{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	border: 1px solid #CCCCCC;
}

.listitem_closed
{
	font-size: 70%;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 130%;
	background-color: #FFF;
	cursor: pointer;
}

.listitem_closed a
{
	line-height: 110%;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}

.listitem_closed p
{
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.listitem_content
{
	font-size: 70%;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 130%;
	background-color: #F2F2F2;
	overflow: auto;
}

/* Date  ------  Date style is based in separate css file ----- */
.date
{
	font-weight: bold;
	color: #CC0000;
}

/* Action Button  ------  Action styles are based in separate css files ----- */
.action
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../../../../images/index_close.gif);
	background-repeat: no-repeat;
}

.action a
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #FFFFFF;
}

.action img
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000000;
}

.article_open .action
{
	float: right;
	position: relative;
	top: 0px;
	right: 0px;
	width: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../../../../images/index_close.gif);
	background-repeat: no-repeat;
}

.article_closed .action
{
	float: right;
	position: relative;
	top: 0px;
	right: 0px;
	width: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../../../../images/open.gif);
	background-repeat: no-repeat;
}

.listitem_open .action
{
	float: right;
	position: relative;
	top: 0px;
	right: 0px;
	width: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../../../../images/index_close.gif);
	background-repeat: no-repeat;
}

.listitem_closed .action
{
	float: right;
	position: relative;
	top: 0px;
	right: 0px;
	width: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../../../../images/open.gif);
	background-repeat: no-repeat;
}

/* Article Page DIVs 
----------------------*/
.news_header
{
	position: relative;
	width: 450px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #fff;
}

.fancynews_header
{
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #fff;
}

.news_header H1
{
	font-size: 120%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 130%;
}

.fancynews_header H1
{
	font-size: 100%;
	padding: 0px;
	margin: 0px 10px 0px 10px;
	line-height: 130%;
}

.news, .maincontainer
{
	float: left;
	position: relative;
	width: 450px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	font-size: 70%;
	line-height: 150%;
}

.fancynews
{
	font-size: 70%;
	line-height: 150%;
	padding: 10px;
	margin: 0px 0px 0px 0px;
}

.news a, .fancynews a
{
	line-height: 110%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

.news ul, .fancynews ul
{
	padding: 0px;
	margin: 10px 0px 10px 0px;
	width: 450px;
}

.news ol, .fancynews ol
{
	width: 425px;
	padding-left: 25px;
	margin: 10px 0px 10px 0px;
}

.news ul li, .fancynews ul li
{
	width: 425px;
	background-image: url(../../../../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
	margin: 5px 0px 5px 0px;
	list-style-type: none;
}

.news object
{
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}

.news embed
{
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}

.news img
{
	/*border: 1px solid #cccccc;*/
	margin: 10px 0px 10px 0px;
}

/* News Table */
.news table, .fancynews table
{
	position: relative;
	float: left;
	width: 100%;
	color: #333333;
	font-size: 100%;
	margin: 10px 0px 10px 0px;
}

.news table td, .fancynews table td
{
	color: #333333;
	font-size: 100%;
	padding: 5px 3px 5px 3px;
	background-color: #F2F2F2;
}

.news table td.caption, .fancynews table td.caption
{
	color: #333333;
	font-size: 100%;
	padding: 0px 0px 0px 0px;
}

.news table td label
{
	color: #333333;
	font-size: 100%;
	font-weight: bold;
}

.news table td input
{
	color: #333333;
	font-size: 100%;
}

.news table td textarea
{
	color: #333333;
	font-size: 100%;
}

.news table th
{
	background-color: #E8E8E8;
}

/* Related Links */
.relatedlinks
{
	float: left;
	position: relative;
	font-size: 70%;
	width: 200px;
	padding: 00px 0px 00px 0px;
	margin: 40px 0px 10px 0px;
	border-top: 0px solid #CCCCCC;
	line-height: 130%;
}

.relatedlinks strong
{
	color: #006699;
	padding: 10px 0px 5px 0px;
	display: block;
}

.relatedlinks ul
{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
}

.relatedlinks li
{
	float: left;
	position: relative;
	width: 178px;
	padding: 11px 0px 11px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #333;
	border-bottom: 1px solid #CCCCCC;
}

.relatedlinks a
{
	line-height: 110%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	display: block;
}

/* Form Controls */
.errorMessage
{
	color: Red;
}

/* Blogging Plugin  Styles
----------------------------*/
.BloggingAboutBox
{
	padding: 10px;
}

.BloggingAboutBox A
{
	display: block;
}

.blog-about
{
	margin-bottom: 30px;
}

.blog-about h3
{
	font-size: 100%;
	color: #333333;
	padding: 3px 5px 3px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

.blog-about a
{
	color: #FF6600;
	text-decoration: none;
}

.blog-about a:hover
{
	text-decoration: underline;
}

.blog-content H3
{
	font-size: 120% !important;
	margin-bottom: 5px !important;
	color: #FF6600 !important;
}

/* RSS Feed Item */
.RSSFeedLink
{
	float: right;
	margin-top: -30px;
	margin-right: 5px;
	display: none;
}

/* Blog Title Date and Content */
.BlogItem
{
	margin-bottom: 30px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
}

.BlogItem .CreatedDate
{
	font-size: 90%;
	color: #666666;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #cccccc;
}

.BlogItem h1.Title
{
	background-image: none;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	width: 420px;
	margin: 0px 0px 10px 0px;
	color: #FF6600;
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	background-color: #F7F7F7;
	border-top: 1px solid #cccccc;
}

.BlogItem .Content
{
	margin-bottom: 10px;
}

.BlogItem .Footer
{
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	color: #FF6600;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	background-color: #F7F7F7;
	border-top: 1px solid #eeeeee;
}
/* Blog Title Date and Content */
.CommentItem
{
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.CommentItem .Title
{
	font-weight: bold;
	margin-bottom: 5px;
}

.CommentItem .MetaData
{
	font-style: italic;
	color: gray;
	margin-bottom: 10px;
}

.CommentItem .Content
{
	margin-bottom: 10px;
}

.CommentItem .CreatedDate
{
	font-weight: bold;
}

/* New comment form layout */
.blog-entry
{

}

.blog-entry h2
{
	font-size: 100%;
	color: #333333;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #cccccc;
	background-color: #F7F7F7;

}

.BlogEntryNewCommentForm fieldset
{
	border:1px solid #ccc;
	margin:0;
	padding:0;
	margin-bottom:1em;
}

.BlogEntryNewCommentForm legend
{
	color: #FF6600;
	font-weight: bold;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
.BlogEntryNewCommentForm fieldset ol, .BlogEntryNewCommentForm fieldset ul
{
	margin: 0;
	padding: 0;
}

.BlogEntryNewCommentForm fieldset li
{
	background-color: #F2F2F2;
	margin: 0;
	padding:10px;
	list-style: none;
	list-style-image: none;
	background-image: none;
}

.BlogEntryNewCommentForm fieldset li input, .BlogEntryNewCommentForm fieldset li textarea
{
	width: 350px;
}

.BlogEntryNewCommentForm fieldset li div.captcha
{
	line-height: 1.8em;
	margin-bottom: 5px;

}

.BlogEntryNewCommentForm fieldset label, .captchaLabel
{
	width: 120px;
	vertical-align: top;
	line-height: 1.8em;
	margin-right: 5px;
}

.BlogEntryNewCommentForm fieldset li div.captcha img
{
	margin-bottom: 2px;
	border: 0px solid #CCCCCC;
}

/* Microblog Plugin Styles
----------------------------*/

.micro
{
	float: left;
	position: relative;
	width: 450px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-style: none;
}

.micro img
{
	border-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

.microtop
{
	float: left;
	position: relative;
	width: 450px;
	padding: 0;
	margin: 0;
}

.micromiddle
{
	float: left;
	position: relative;
	width: 428px;
	padding: 0px 10px 0px 10px;
	margin: 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;
	background-color: #f4f4f4;
	color: #333333;
	line-height: 140%;
}

.microbottom
{
	float: left;
	position: relative;
	width: 450px;
	padding: 0;
	margin: 0;
	border-style: none;
}

.micromiddle a
{
	color: #663399;
	font-weight: bold;
	text-decoration: none;
}

.micromiddle a:hover
{
	text-decoration: underline;
	color: #663399;
}

.microdetails
{
	float: left;
	position: relative;
	width: 430px;
	padding: 6px 10px 6px 10px;
	margin: 0;
	text-align: center;
	background-color: #fff;
	color: #333333;
	border-bottom: 1px dotted #ccc;
}

.microdetails a
{
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}

.microdetails a:hover
{
	text-decoration: underline;
	color: #006699;
}

/* End Microblog Plugin Styles
----------------------------*/

.menu-listing
{
}

.menu-listing H2
{
	font-size: 100%;
	color: #333;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #cccccc;
	background-color: #F7F7F7;
	border-top: 1px solid #cccccc;
}

.menu-listing ul
{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.menu-listing ul li
{
	float: left;
	position: relative;
	width: 428px;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	list-style-type: none;
	color: #333;
	border: 1px solid #CCCCCC;
	list-style: none;
	list-style-image: none;
	background-image: none;
}

/* Sitemap
----------------------------*/
.sitmp0
{
	padding: 5px 0px 5px 0px;
}
.sitmpA0
{
	font-size: 100%;
	color: #333333;
}
.sitmp1
{
	padding: 2px 0px 2px 0px;
}
.sitmpA1
{
	font-size: 95%;
	color: #666666;
}
.sitmp2
{
	padding: 2px 0px 2px 10px;
	background-image: url(../../../../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
.sitmpA2
{
	font-size: 90%;
	color: #999999;
}

/* Suitability Questionnaire
----------------------------*/
.article-comment
{
}

.article-comment H2
{
	font-size: 100%;
	color: #006699;
}

.article-comment ul li
{
	width: 425px;
	background-image: url(../../../../images/cs_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
	margin: 5px 0px 5px 0px;
	list-style-type: none;
}

.questionnaire-container .questionnaire-container fieldset
{
	position: relative;
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	width: 445px;
}
.questionnaire-container legend
{
	color: #006699;
	font-weight: bold;
	padding: 0px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

.question-number
{
	float: left;
	position: relative;
	left: 10px;
	width: 395px;
	padding: 5px 10px 5px 10px;
	margin: 5px 0px 1px 0px;
	border-bottom: 1px solid #ccc;
}
.question-number strong
{
	color: #006699;
}
.question-row
{
	float: left;
	position: relative;
	left: 10px;
	width: 395px;
	padding: 5px 10px 10px 10px;
	margin: 0px 0px 1px 0px;
	border-bottom: 1px solid #ccc;
}
.question
{
	font-weight: bold;
}
.answer
{
}
.question-message
{
	float: left;
	position: relative;
	left: 10px;
	width: 395px;
	padding: 5px 10px 10px 10px;
	background-color: #F2F2F2;
	margin: 0px 0px 1px 0px;
}

/* Accordion inner containers */
.accordion_title
{
	padding: 10px 10px 0px 10px;
	margin: 0;
}

.accordion_content
{
	padding: 0px 10px 10px 10px;
	margin: 0;
}

.accordion_description
{
	padding: 2px 0;
	margin: 0;
	color: #444;
}

.accordion_content p
{
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.accordion_content img
{
	float: left;
	margin: 0;
	padding: 0 3px 0 0;
}

.jquery_accordion_title
{
	margin-top: 7px;
	display: block;
}

.jquery_accordion_title:hover
{
	text-decoration: underline;
	cursor: pointer;
}

/*
	SLIDER
*/
.slider-wrap								{ width: 900px; position: absolute;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 900px; height: 300px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 900px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 0px; padding:0; margin:0; }

.slidernav 									{ position: relative; /* added */ float:right; /*end added */ z-index: 9999; padding: 0px; margin-top: -115px; width:900px; }
.slidernav ul 								{ float:right; position: relative; padding: 0px; margin: 0px 10px 0px 0px; /* width:310px; */ font-size:75%; }
.slidernav li 								{ float:left; position: relative; background-image: url(../../../../images/mainnavtop.png); background-repeat:no-repeat; background-position: top left; padding: 8px 8px 8px 8px; margin: 0px 0px 0px 1px; display:inline; list-style-type: none; color: #333; text-align:center; width:184px;}
.slidernav a 								{ color:#EDE370; text-decoration:none; font-weight:normal;}
.slidernav a:hover 							{ color:#fff; text-decoration:underline;}

.photo-meta-data							{ float: left; position: relative; z-index: 9999; background: url(../../../../images/transpBlack.png); padding: 10px 10px 10px 10px; height: 65px; /* added */ margin-top: -84px; /*end added */ color:#CCCCCC; width:880px;}
.photo-meta-data h1 						{ font-size: 140%; line-height:normal; padding:0; margin:0; font-weight:normal; width:450px; height:auto; }
.photo-meta-data p							{ width:450px }
.photo-meta-data a							{ color:#fff; text-decoration:none; }
.photo-meta-data a:hover 					{ color:#fff; text-decoration:underline;}
.photo-meta-data h2							{ font-size:1em; padding:0;margin:0; font-weight:normal; }

.cross-link									{ display: block; width: 45px; height:48px; top: -14px; position: relative; padding: 5px 7px 5px 5px; z-index: 9999; background: url(../../../../images/transpPaleWhite.png);}
.active-thumb 								{ background: url(../../../../images/transpYellow.png); }									  
#movers-row									{ margin:0; padding:0; float:right; top:-56px; position: relative; z-index: 9999;  }
#movers-row div								{ width: 45px; float: left; position:relative; margin: 0px 10px 0px 10px; padding:0;  }
#movers-row div a.cross-link 				{ float: right; }
#page-wrap 									{ width: 900px; margin: auto; position: relative; min-height: 300px; height:300px;}

.paging
{
	margin: 0.5em 0 0.5em 0;
}

.paging .pagerResults
{
	font-weight: bold;
	padding-right: 1em;
}

.paging .pagerPrevious, .pagerNext
{
	margin-left: 0.5em;
	color: #999;
}

.paging a
{
	font-weight: bold;
	color: #333;
	padding-left: 2px;
}

.paging a:hover
{
	color: #000;
}

.paging .pagerSelected
{
	color: #CC0000;
	font-weight: bold;
}

/* Blog Archive */

.blogarchive
{
	float: left;
	position: relative;
	font-size: 70%;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #CCCCCC;
	line-height: 100%;
}

/*
.blogarchive a
{
	float: left;
	position: relative;
	width: 178px;
	padding: 11px 0px 11px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #333;
	border-bottom: 1px solid #CCCCCC;
}
*/

.blogarchive a
{
	float: left;
	position: relative;
	width: 175px;
	padding: 11px 0px 11px 15px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #333;
	border-bottom: 1px solid #CCCCCC;
	background-color: #f2f2f2;
}

.blogarchive h3
{
	display: block;
	font-size: 100%;
	color: #333;
	padding-bottom: 10px;
	margin: 10px 22px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.searchtop
{
	margin: 0;
	padding: 0;
}

a.rssIcon
{
	background: url(../../../../images/rss.gif) no-repeat left center;
	padding: 0;
	padding-left: 14px !important;
	margin: 0;
}

.wait
{
	position: absolute;
	top: 10px;
	left: 0;
	color: Red;
	font-size: 1em;
	z-index: 999;
	width: 200px;
	border: 2px solid red;
	background-color: White;
	padding: 5px;
	margin: 0;
}

.wait img
{
	float: left;
	position: relative;
}

.gmap
{
	border: 1px solid #ccc;
}

div.gmapDirections
{
	float: left;
	border: 1px solid #ccc;
	margin-top: 6px;
}

div.gmapDirections strong
{
	color: Red;
	display: block;
	padding: 2px;
}

.ahover
{
	background-color: red;
	width: 400px;
}

/* Animate */
.animate
{
	background-color: #FFF;
}
.imgclear
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* jquery accordion menu */

ul.menu, ul.menu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.menu a
{
	display: block;
	text-decoration: none;
}

ul.menu li
{
	margin: 0px;
}

ul.menu li a
{
	color: #333;
	font-size: 70%;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

ul.menu li a:hover
{
	background: #FFF;
}

ul.menu li.alt
{
	margin: 0px;
}

ul.menu li.alt a
{
	width: 205px;
	color: #333;
	font-size: 70%;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
	background-color: #f2f2f2;
	font-weight: bold;
}

ul.menu li.alt a:hover
{
	background-color: #FFF;
}

ul.menu li.alt ul
{
	background: #fff;
	padding: 0px 0px 0px 0px;
	width: 225px;
	margin: 0px 0px 0px 0px; /* Removed: padding-left: 20px; */
}

ul.menu li.alt ul li
{
	width: 205px;
	color: #333;
	font-size: 70%;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}

ul.menu li.alt ul li a
{
	font-size: 100%;
	color: #006699;
	padding: 8px 0px 0px 0px;
	font-weight: bold;
	border-top: 1px dotted #CCCCCC;
	background-color: #ffffff; /* Removed: padding-left: 20px; */
}

ul.menu li.alt ul li a:hover
{
	text-decoration: underline;
	cursor: pointer;
}

ul.menu li p
{
	padding: 0 0 8px 0;
	margin: 0;
}

.welcome2 .menu a
{
	color: #006699;
}

ul.menu li p a, ul.menu li p a:hover
{
	display:inline;
	padding:0;
	margin:0;
}

/* Inserted the following style */
ul.menu li ul
{
	background: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; /* Removed: padding-left: 20px; */
}

ul.menu li ul li
{
	color: #333;
	font-size: 70%;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
}

ul.menu li ul li a
{
	font-size: 100%;
	color: #c00;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
	border-top: 0px solid #CCCCCC; /* Removed: padding-left: 20px; */
}

ul.menu li ul li a:hover
{
	text-decoration: underline;
	cursor: pointer;
}

/* Twitter holder */
/* Twitter */
.twitter
{
	float: left;
	position: relative;
	width: 205px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.twittertop
{
	width: 205px;
	padding: 18px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../../../../images/mbtop_smallalt.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

.twitterbottom
{
	width: 205px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../../../../images/mbbottom_smallalt.gif);
	background-position: top;
	background-repeat: no-repeat;
}

/*
.twittertop
{
	float: left;
	position: relative;
	width: 205px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
*/
.twittermiddle
{
	width: 183px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	line-height: 140%;
}

.twittermiddle a
{
	color: #663399;
	font-weight: bold;
	text-decoration: none;
}

.twittermiddle a:hover, .twittermiddle a:link, .twittermiddle a:visited, .twittermiddle a:active
{
	text-decoration: underline;
	color: #663399;
}

/*
.twitterbottom
{
	float: left;
	position: relative;
	width: 205px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1%;
}
*/

.twitterdetails
{
	float: left;
	position: relative;
	width: 185px;
	padding: 6px 10px 6px 10px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 100%;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	border-bottom: 1px dotted #ccc;
}

.twitterdetails a
{
	color: #663399;
	font-weight: bold;
	text-decoration: none;
}

.twitterdetails a:hover, .twitterdetails a:link, .twitterdetails a:visited, .twitterdetails a:active
{
	text-decoration: underline;
	color: #663399;
}

.twitterdate
{
	color: #663399;
}

.tweets
{
	float: left;
	position: relative;
	font-size: 70%;
	width: 205px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
	line-height: 100%;
	background-color: #F2F2F2;
}

.tweets a
{
	line-height: 110%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

/* Buying Solutions */

.buyingsolutions { 
	float:left; 
	position: relative; 
	font-size:70%; 
	width: 170px; 
	padding: 10px; 
	margin: 0; 
	border-top: 1px solid #CCCCCC; 
	line-height:130%; 
	background-color:#F2F2F2;
}

.buyingsolutions img
{
	border:none;
}

.buyingsolutions a {
	line-height:110%; 
	padding: 0; 
	margin: 10px 0px 10px 0px;
}