/* 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;
}

#featureblock
{
	border-bottom: 1px solid #CCCCCC;
	float: left;
	width: 100%;
	padding-top: 10px;
}

#featureblock h2
{
	font-size: 100%;
	margin-bottom: 10px;
}

#featureblock p
{
	font-size: 70%;
}

#featureblock a
{
	color: #006699;
}

/* Pop Badge */

.popbadge
{
	float: left;
	position: absolute;
	top: -100px;
	left: 100px;
	width: 221px;
	height: 221px;
	padding: 0;
	margin: 0;
	z-index: 10001;
}

.popbadge img
{
	border: 0px;
}