@charset "utf-8";
/* Table of Contents(ish).
ALL PAGES ..........14
HOMEPAGE ...........243
SOFTWARE/HARDWARE ..479
SPRY MENU BAR ......668
SPRY TABS ..........859
HARDWARE PERENT ....1005
SOFTWARE PARENT ....1099
ROADMAP ............1480
NEWS PAGE...........1604
*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR ALL PAGES (header, footer, entire site wrappers, side-shadows) ~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* {
	behavior: url(css/iepngfix.htc);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~ ZERO STYLES YO!!! ~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {
min-height: 100%;
height: auto;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,table,html {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
q:before,q:after {
content:'';
}
h1,h2,h3,h4,h5,h6,pre,code {
font-size:1em;
}
a img,:link img,:visited img {
border:none;
}
address {
font-style:normal;
}
body, img {
	margin: 0px;
	padding: 0px;
}
object {
	outline-style: none;	
}
/* READ THIS BEFORE EDITING ANYTHING */
/*
I had to add the #divEntireSiteShadow and the #divFooterShadow
divs after the site was built to aid in creating the side shadows
effect that runs down the side borders of the page. It fades out
in the footer which is why there's two divs for this and two
background images to do this and have it work in all browsers.
I could have used just one huge BG image instead of repeating two
but that would take up way too much space (file-size) for just
a background image.
*/
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1a6bd6;
	font-weight: bold;	
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1a6bd6;
	font-weight: bold;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~ THIS IS THE MAIN CONTAINER FOR THE ENTIRE WEBSITE ~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divEntireSiteContainer {
	width: 988px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#divEntireSiteShadow {
	width: 960px;
	height: auto;
	float: left;
	padding: 0 14px 0 14px;
	background-image: url(../images/all/all_background_side_shadow.gif);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;	
}
#divEntireSiteShadowFooter {
	width: 988px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~ HEADER DIV STYLES FOR ALL PAGES ~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divHeaderContainer {
	width: 960px;
	height: 129px;
	float: left;
	border-top: 7px solid #ffa613;
	margin: 0;

}
#divHeaderContentWrap {
	width: 960px;
	height: 126px;
	border-top: 3px solid #FFFFFF;
	float: left;
	background: #1765d3 url(../images/homepage/header_background.gif) repeat-x;
	margin: 0;
	padding: 0;
}
#divHeaderLeftContentWrap {
	width: 680px;
	height: 116px;
	float: left;
	margin: 0;
	padding: 0;
}

#divHeaderRightContentWrap {
	width: 280px;
	height: 116px;
	float: left;
	margin: 0;
	padding: 0;
}
/*~~~~~~~~~~~~~~~*/
/*~~~~ BANNER ~~~*/
/*~~~~~~~~~~~~~~~*/
#divHeaderLeftTop {
	width:665px;
	height:55px;
	float:left;
	padding: 15px 0 0 15px;
	margin: 0;
}
/*~~~~~~~~~~~~~~~*/
/*~~~~~ MENU ~~~~*/
/*~~~~~~~~~~~~~~~*/
#divHeaderLeftBottom {
	width:665px;
	height:46px;
	float:left;
	padding: 25px 0 0 15px;
	margin: 0;
	
}
/*~~~~~~~~~~~~~~~*/
/*~~~ SEARCH ~~~~*/
/*~~~~~~~~~~~~~~~*/
#divHeaderRightTop {
	width:280px;
	height:104px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cee3ff;
}
/*~~~~~~~~~~~~~~~*/
/*~ CART LINKS ~~*/
/*~~~~~~~~~~~~~~~*/
#divHeaderRightBottom {
	width:280px;
	height:12px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
#divHeaderRightBottom a, #divHeaderRightBottom a:link, #divHeaderRightBottom a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	z-index: -1;
}
#divHeaderRightBottom a:hover {
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~*/
/*~~ SEARCHBAR ~~*/
/*~~~~~~~~~~~~~~~*/
#frmSearch #Search {
	height: 15px;
	width: 110px;
	margin-left: 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~ FOOTER DIV STYLES FOR ALL PAGES ~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divFooterShadow {
	width: 960px;
	height: auto;
	float: left;
	padding: 0 14px 0 14px;
	background-image: url(../images/all/all_background_footer_shadow.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;	
}
#divFooterContentWrap {
	width: 960px;
	height: 93px;
	float: left;
	background: url(../images/homepage/background_footer.gif) repeat-x;
	border-top: 7px solid #154789;
	padding: 8px 0 0 0;
	line-height: 22px;
	margin-left: auto;
	margin-right: auto;
}
#divFooterContentWrap, #divFooterContentWrap a, #divFooterContentWrap a:link, #divFooterContentWrap a:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
#divFooterContentWrap a:hover {
	text-decoration: underline;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~ STYLES FOR THE HOMEPAGE (flash gallery, welcome message, two side panels, ticker) ~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ FLASH DIV ON HOMEPAGE ~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divFlashContainer {
	width: 960px;
	height: 221px;
	float: left;
	background-color: #FFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	overflow: hidden;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~ WRAPPER FOR ENTIRE BODY CONTENT UP TO FOOTER ~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyContentWrap {
	width: 960px;
	height: auto;
	float: left;
	border-top: 2px solid #ffa613;
	padding-top: 30px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* WRAPPER FOR LEFT AND RIGHT HOMEPAGE CONTENT - NO PADDING */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyHomeLeftWrap {
	width: 681px;
	height: auto;
	float: left;
	padding: 0 0 30px 0;
}
#divBodyHomeLeftWrap ul {
	list-style: disc;
	margin-left: 25px;
}
#divBodyHomeLeftWrap h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1a6bd6;
	font-weight: bold;	
}
#divBodyHomeLeftWrap a, #divBodyHomeLeftWrap a:link, #divBodyHomeLeftWrap a:visited {
	color: #333;
	text-decoration:underline;
}
#divBodyHomeRightWrap {
	width: 279px;
	height: auto;
	float: left;
	padding: 0 0 30px 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~ LEFT RIGHT TOP AND BOTTOM FOR HOMEPAGE CONTENT ~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyHomeLeftTop {
	width: 636px;
	height: auto;
	padding: 0 15px 20px 30px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 18px;
}
#divBodyHomeLeftTop p {
	padding: 10px 0 0 0;
}
#divBodyHomeLeftBottom {
	width: 636px;
	height: auto;
	padding: 0 15px 0 30px;
	float: left;
}
#divBodyHomeRightTop {
	width: 234px;
	height: auto;
	padding: 0 30px 30px 15px;
	float: left;
}
#divBodyHomeRightTop a {
	text-decoration: none;
}
#divBodyHomeRightBottom {
	width: 234px;
	height: auto;
	padding: 0 30px 0 15px;
	float: left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~ PROD/NEWS HEADERS ~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyHomeHeader {
	width: 234px;
	height: auto;
	border-bottom: 2px solid #ffa613;
	float: left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~ PRODUCT REPEAT ~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyHomeProductRepeatWrap {
	width: 234px;
	height: 55px;
	float: left;
}
#divBodyHomeProductRepeat {
	width: 204px;
	height: 49px;
	float: left;
	padding: 6px 0 0 30px;
	text-decoration: none;
}
.featuredTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
}
.featuredDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~ PRODUCT REPEAT ~~~~~~*/
/*~~~~~~~ HOVER STATES!! ~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.featured {
	background-image: url(../images/all/all_featured_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #1a6bd6;
}
a:hover .featured {
	background-image: url(../images/all/all_featured_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px -55px;
	color: #ffffff;
	cursor: pointer;
	text-decoration:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~ NEWS REPEAT ~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyHomeNewsRepeat {
	width: 217px;
	height: auto;
	float: left;
	background: url(../images/homepage/home_background_featuredProd.gif) repeat-y;
	padding: 6px 6px 6px 11px;
	border-bottom: 1px solid #bad3f2;
}
#divBodyNewsTitle, #divBodyNewsTitle a, #divBodyNewsTitle a:link, #divBodyNewsTitle a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 6px 0;
	color: #1a6bd6;
	text-decoration: none;
}
#divBodyNewsDate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0 0 0 0;
	color: #1a6bd6;
}
#divBodyNewsTitle a:hover {
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ TICKER HOMEPAGE CONTENT ~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyHomeTickerWrap {
	width: 924px;
	height: auto;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 6px;
	float: left;
	background: url(../images/homepage/home_background_ticker.gif) repeat-x;
}
#divBodyHomeTickerProductWrap {
	width: 223px;
	height: auto;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	float: left;
}
#divBodyHomeTickerImage {
	width: 47px;
	height: 60px;
	padding-top: 8px;
	padding-bottom: 8px;
	float: left;
}
#divBodyHomeTickerImage img {
	border: 1px solid #CCC
}
#divBodyHomeTickerText {
	width: 171px;
	height: auto;
	padding-left: 5px;
	padding-top: 8px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #154789;
	line-height: 18px;
}
#divBodyHomeTickerText a, #divBodyHomeTickerText a:link, #divBodyHomeTickerText a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #154789;
	font-style: italic;
	font-weight:normal;
}
#divBodyHomeTickerText a:hover {
	color: #FFF;
	background-color: #154789;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~ STYLES FOR SOFTWARE AND HARDWARE PAGES (breadcrumb links, big image banners, tabs, side panels) ~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE:: Since the software and hardware layouts are the same, all the DIVs on the
hardware page are labeled "software" and are using the following styles.
*/
#divBodySoftwareContentWrap {
	width: 960px;
	height: auto;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~ BANNER ~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodySoftwareBannerWrap {
	width: 960px;
	height: 300px;
	border-top: 2px solid #ffa613;
	float: left;
	padding: 0 0 30px 0;
	
}
#divBodyHardwareBannerWrap {
	width: 960px;
	height: 300px;
	border-top: 2px solid #ffa613;
	float: left;
	padding: 0 0 30px 0;
	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~ BANNER BACKGROUND IMAGES AND PADDING FOR PRODUCT ID's ~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~*/
/*~~~~ EPRIME ~~~*/
/*~~~~~~~~~~~~~~~*/
.E-PrimeBanner {
	background-image:url(../images/software/software_banner_PLAIN.jpg);
	background-repeat: no-repeat;
}
.E-PrimeTaglineBuy {
	padding: 90px 0 0 45px;

}
.E-PrimeLogo {
	padding: 70px 0 0 30px;	

}
/*~~~~~~~~~~~~~~~*/
/*~~ PSYCHMATE ~~*/
/*~~~~~~~~~~~~~~~*/
.PsychMateBanner {
	background-image:url(../images/software/software_banner_psychmate.jpg);
	background-repeat: no-repeat;
}
.PsychMateTaglineBuy {
	padding: 70px 0 0 45px;
}
.PsychMateLogo {
	padding: 50px 0 25px 60px;	
}
/*~~~~~~~~~~~~~~~*/
/*~~ SIMULATOR ~~*/
/*~~~~~~~~~~~~~~~*/
.MRSimulatorBanner {
	background-image:url(../images/sw_parent/software_background.jpg);
	background-repeat: no-repeat;
}
.MRSimulatorLogo {
	padding: 45px 0 0 30px;	
}
.MRSimulatorTaglineBuy {
	padding: 45px 0 0 30px;
	font-size: 11px;
}
.Quote {
	padding: 15px 30px 0 0;
	float: right;
}
/*~~~~~~~~~~~~~~~*/
/*~~~~ CAMCI ~~~~*/
/*~~~~~~~~~~~~~~~*/
.CAMCILogo {
	padding: 40px 0 0 120px;

}
/*~~~~~~~~~~~~~~~*/
/*~~~~ VR 2 ~~~~~*/
/*~~~~~~~~~~~~~~~*/
.VRLogo {
	padding: 25px 0 0 120px;

}
/*~~~~~~~~~~~~~~~*/
/*~~ SimEffects ~*/
/*~~~~~~~~~~~~~~~*/
.SimFXLogo {
	padding: 15px 0 0 200px;

}
/*~~~~~~~~~~~~~~~*/
/*~~~~ SRBox ~~~~*/
/*~~~~~~~~~~~~~~~*/
.SRBoxLogo {
	padding: 60px 0 0 120px;

}
/*~~~~~~~~~~~~~~~*/
/*~~~~ Tobii ~~~~*/
/*~~~~~~~~~~~~~~~*/
.TobiiLogo {
	padding: 40px 0 0 140px;

}
/*~~~~~~~~~~~~~~~*/
/*~~~~ Tobii ~~~~*/
/*~~~~~~~~~~~~~~~*/
.TobiiStudioLogo {
	padding: 50px 0 0 200px;

}
/*~~~~~~~~~~~~~~~*/
/*~~~~~~ BV ~~~~~*/
/*~~~~~~~~~~~~~~~*/
.BVLogo {
	padding: 60px 0 0 100px;

}
/*~~~~~~~~~~~~~~~*/
/*~~~~~ BESA ~~~~*/
/*~~~~~~~~~~~~~~~*/
.BESALogo {
	padding: 70px 0 0 130px;

}
/*~~~~~~~~~~~~~~~*/
/*~~~ EETobii ~~~*/
/*~~~~~~~~~~~~~~~*/
.EETobiiLogo {
	padding: 75px 0 0 100px;

}
/*~~~~~~~~~~~~~~~*/
/*~~~ EXP KIT ~~~*/
/*~~~~~~~~~~~~~~~*/
.ExpansionTaglineBuy {
	padding: 50px 0 0 10px;
}
/*~~~~~~~~~~~~~~~*/
/*~~~~ FOBRS ~~~~*/
/*~~~~~~~~~~~~~~~*/
.FOBRSTaglineBuy {
	padding: 175px 0 0 0px;
}
/*~~~~~~~~~~~~~~~*/
/*~~~~ CRUMB ~~~~*/
/*~~~~~~~~~~~~~~~*/
#divBodyCrumbWrap {
	width: 960px;
	height: auto;
	float: left;
}
#divBodySoftwareBreadcrumb {
	width: auto;
	height: 17px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #1a6bd6;
	padding: 4px 0 4px 25px;
	background-image: url(../images/breadcrumb_body.png);
	background-repeat: repeat-x;
}
#divBodySoftwareBreadcrumb a, #divBodySoftwareBreadcrumb a:link, #divBodySoftwareBreadcrumb a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #1a6bd6;
	text-decoration: none;
}
#divBodySoftwareBreadcrumb a:hover {
	text-decoration: underline;
}
#divBodySoftwareBreadcrumbCorner {
	width: 13px;
	height: 25px;
	float: left;
	padding: 0;
	margin: 0;
	background-image:url(../images/breadcrumb_corner.png);
	background-repeat: no-repeat;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~ SOFTWARE IMAGE AND BUY BUTTON ~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodySoftwareLogo {
	width: auto;
	height: auto;
	float: left;
}
#divBodyHardwareLogo {
	width: auto;
	height: auto;
	float: left;
}
#divBodySoftwareTaglineBuy {
	width: auto;
	height: auto;
	float: left;
}
#divBodyHardwareTaglineBuy {
	width: auto;
	height: auto;
	float: left;
}
#divBodyHardwareQuote {
	float: right;
	padding: 0 26px 0 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~ LEFT TABS ~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyProductMorePageLeft ul {
	list-style: disc;
	margin-left: 30px;
}
#divBodyProductMorePageLeft a, #divBodyProductMorePageLeft a:link, #divBodyProductMorePageLeft a:visited {
	color: #333;	
}
#divBodySoftwareTabsWrap {
	width: 640px;
	height: auto;
	padding: 0 15px 30px 30px;
	float: left;
	line-height: 18px;
}
#divBodySoftwareTabsWrap a {
	color: #333;
}
#divBodyMoreForPagesContentWrap {
	width: 640px;
	height: auto;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#divBodyMoreForPagesContentWrap ul, #divBodySoftwareTabsWrap ul {
	list-style: disc;
	padding: 0 0 0 25px;
}
#divBodyMoreForPagesContentWrap ul li {
		
}
#divBodyMoreForPagesContentWrap hr {
	color: #FFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~ GALLERY TAB ~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divProductThumb {
	padding: 7px;
	float: left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~ MORE FOR (software name) ~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodySoftwareMoreWrap {
	width: 245px;
	height: auto;
	padding: 0 15px 30px 15px;
	float: left;
	text-decoration: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~ MORE HEADER ~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodySoftwareMoreHeader {
	width: 234px;
	height: auto;
	border-bottom: 2px solid #ffa613;
	float: left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~ MORE REPEAT ~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodySoftwareMoreRepeat {
	width: 199px;
	height: auto;
	border-bottom: 1px solid #bad3f2;
	padding: 6px 0 6px 35px;
	float: left;
	text-decoration: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~ MY CLASSES FOR SOFTWARE PAGE ~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tagline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #043991;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR SPRY MENU IN HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 9.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 9.2em;
border-top: 1px solid #e4e4e4;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul {
	position: absolute;
	margin: 1px 0 0 5px;
}
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -1px 0 0 100%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border-left: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #1866d4;
	padding: 0.5em 0.75em;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;

}
/* Menu items that have mouse over or focus */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #1866d4;
	color: #FFF;
	/*cursor: pointer;*/
}
/* Menu items that are open with submenus are set to MenuBarItemHover */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #1866d4;
	color: #FFF;
	/*cursor: default;*/
}


/*TOM*/
li ul.MenuBarSubmenuVisible li a.MenuBarItemSubmenu, li ul.MenuBarSubmenuVisible li a {
	background-color: #FFF;
	color: #6f6f6f;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

li ul.MenuBarSubmenuVisible li a.MenuBarItemSubmenu:hover, li ul.MenuBarSubmenuVisible li a:hover {
	background-color: #1866d4;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
ul.MenuBarItemSubmenu a:hover {
	cursor: default;
}
/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/


/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}*/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}*/
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR SPRY TABS IN SOFT/HARDWARE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 11px sans-serif;
	background-color: #1864d4;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color: #FFF;
	outline-style:none;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #FFF;
	color: #000;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	outline-style:none;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #FFF;
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
}
.TabbedPanelsContentGroup2 {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #FFF;
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
}
.TabbedPanelsContentGroup3 {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #FFF;
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
}
.TabbedPanelsContentGroup4 {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #FFF;
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 15px 15px 0 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1a6bd6;
	font-weight: bold;
}
.TabbedPanelsContentVisible a, .TabbedPanelsContentVisible a:link, .TabbedPanelsContentVisible a:hover, .TabbedPanelsContentVisible a:visited  {
	text-decoration:underline;
	color: #333;
}
.TabbedPanelsContentVisible h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #1a6bd6;
	font-weight: bold;
}
.TabbedPanelsContentVisible ul {
	list-style:disc;
	padding-left: 30px;
}
.TabbedPanelsContentVisible p strong {
	font-weight:bold;
}
.TabbedPanelsContentVisible table {
	border:1px solid #E0E0E0;
	font-size: 11px;
}
.TabbedPanelsContentVisible table th {
	background-color:#f4f7fe;
}
.TabbedPanelsContentVisible table tr {
	border:1px solid #E0E0E0;
}
.TabbedPanelsContentVisible table td {
	padding:5px;
	border:1px solid #E0E0E0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR HARDWARE PARENT PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyHardParentContentWrap {
	width: 960px;
	height: auto;
	float: left;
	border-top: 2px solid #ffa613;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 0 0 30px 0;
	/*
	top padding is not applied here because the
	bread crumb trail must be aligned to the very
	top of the div. I pitty the foo who puts top
	padding here.
	*/
	
}
#divBodyHardParentTop {
	width: 960px;
	height: auto;
	float: left;
	padding: 0 0 30px 0;
	
	/*
	top padding is applied here instead of
	main wrapper div (for reason explained
	above).
	*/
}
#divBodyEPParentTop {
	width: 960px;
	height: 300px;
	float: left;
	padding: 0 0 30px 0;
	
	/*
	top padding is applied here instead of
	main wrapper div (for reason explained
	above).
	*/
}
.eprimeParentBG {
	background-image: url(../images/software/software_banner_eprime.jpg);
	background-repeat: no-repeat;
}
#divBodyHardParentTopLeft {
	width: 355px;
	height: auto;
	float: left;
	padding: 30px 15px 0 30px;
}
#divBodyHardParentTopRight {
	width: 515px;
	height: auto;
	float: left;
	padding: 30px 30px 0 15px;
	line-height: 18px;
	color: #333;
}
#divBodyHardParentContentWrap h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #1a6bd6;
}
#divBodyHardParentContentWrap h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#divBodyHardParentTopRight ul {
	padding: 0 0 0 30px;
}
#divBodyHardParentTopRight ul li {
	list-style-type: disc;
}
#divBodyHardParentProductWrap {
	width: 900px;
	height: auto;
	float: left;
	padding: 0 30px 0 30px;
}
#divBodyHardParentProduct {
	width: 270px;
	height: auto;
	float: left;
	padding: 0 15px 30px 15px;
}
#divBodyHardParentProdImg {
	width: 270px;
	height: auto;
	float: left;
}
#divBodyHardParentLink {
	width: 270px;
	height: auto;
	float: left;
	padding: 15px 0 0 0;
}
#divBodyHardParentLink a, #divBodyHardParentLink a:link, #divBodyHardParentLink a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #154789;
	text-decoration: underline;
}
#divBodyHardParentLink a:hover {
	text-decoration: none;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR APP AREA PARENT PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyApplicationBannerWrap {
	width: 960px;
	height: 382px;
	border-top: 2px solid #ffa613;
	float: left;
	padding: 0 0 30px 0;
}
.Research {
	background-image:url(../images/applicationareas/banner_research.jpg);
}
.Assessment {
	background-image:url(../images/applicationareas/banner_assessment.jpg);
}
.Education {
	background-image:url(../images/applicationareas/banner_education.jpg);
}
#divBodyApplicationWrap {
	width: 960px;
	height: auto;
	float: left;
}
#divBodyApplicationRightWrap {
	width: 260px;
	height: auto;
	float: left;
	padding: 30px 0 30px 0;
}
#divBodyApplicationContentMain {
	width: 635px;
	height: auto;
	padding: 30px 0 0 0;
}
#divBodyApplicationNewsStory {
	line-height: 20px;
	padding: 0 0 25px 0;
}
.newsTitle {
	font-weight: bold;
	font-size: 16px;
	color: #1a6bd6;
}
.pressTitle {
	font-weight: bold;
	font-size: 14px;
	color: #1a6bd6;
}
.newsDate {
	font-size: 10px;
}
.newsStory {
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
	color: #333;
	line-height: 18px;
}
.newsLink a, .newsLink a:link, .newsLink a:visited {
	font-size: 10px;
	color: #154789;
	font-weight: bold;
	text-decoration: underline;
}
.newsLink a:hover {
	text-decoration: none;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR SOFTWARE PARENT PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodySoftTopAll {
	width: 960px;
	float: left;
	height: auto;
}
#divBodySoftTabsWrap {
	float: left;
	height: auto;
	width: 200px;
}
#divBodySoftParentLeft {
	padding: 30px 0 0 0;
	float: left;
}	
#divBodySoftParentRight {
	width: 245px;
	height: auto;
	padding: 30px 15px 30px 0;
	float: left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR ROADMAP (software.cfm, hardware.cfm) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pgBody {
	float: left;
	width: 634px;
}

.PgRoadmap #Roadmap {
	width: 604px;
    height: 30px;
    margin: 0 0 0 60px; padding: 0;
	float: left;
}

.PgRoadmap #Roadmap ul {
    margin: 0; padding: 0; 
}
.PgRoadmap #Roadmap ul li {
    float: left;
    margin: 0; padding: 0;
    list-style-type: none; 
    text-align: center;
    width: 136px;
}
.PgRoadmap #Roadmap a {
	font-family:Verdana, Geneva, sans-serif;
    color: #06C;
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding: 7px 0 9px 0;
    text-decoration: none;
	outline-style: none;
}
.PgRoadmap #Roadmap a:hover {
	color:#FFF;	
}

/*.PgRoadmap #Roadmap a:hover { }*/
.bgImg { background: url(../images/roadmap/roadmap.png) no-repeat 0 0px; }
.bgImg1 { background: url(../images/roadmap/roadmap.png) no-repeat 0 -30px; }
.bgImg2 { background: url(../images/roadmap/roadmap.png) no-repeat 0 -60px; }
.bgImg3 { background: url(../images/roadmap/roadmap.png) no-repeat 0 -90px; }
.bgImg4 { background: url(../images/roadmap/roadmap.png) no-repeat 0 -120px; }

.ThreebgImg { background: url(../images/roadmap/roadmap_3_arrow.png) no-repeat 0 0px; outline-style: none;}
.ThreebgImg1 { background: url(../images/roadmap/roadmap_3_arrow.png) no-repeat 0 -30px; outline-style: none;}
.ThreebgImg2 { background: url(../images/roadmap/roadmap_3_arrow.png) no-repeat 0 -60px; outline-style: none;}
.ThreebgImg3 { background: url(../images/roadmap/roadmap_3_arrow.png) no-repeat 0 -90px; outline-style: none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR ALL NEWS PAGES AND FILTER DIVS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divBodyNewsLeftWrap {
	padding: 0 15px 0 30px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #1a6bd6;
	line-height: 16px;
}
#divBodyNewsRightWrap {
	padding: 0 30px 0 15px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR XSL SHEET DATA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.priceTable {
	margin: 0px;
	padding: 0px;
	border: solid 1px #CCC;
}
.priceTabItem {
	width: 115px;
	padding: 10px;
	font-size: 11px;
	border: solid 1px #CCC;
}
.priceTabPrice {
	width: 65px;
	padding: 10px;
	font-size: 11px;
	border: solid 1px #CCC;
}
.priceTabNumber {
	width: 80px;
	padding: 10px;
	font-size: 11px;
	border: solid 1px #CCC;
}
.priceTabInfo {
	width: 200px;
	padding: 10px;
	color:#666;
	font-size: 11px;
	border: solid 1px #CCC;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES FOR QUOTE FORM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#quoteForm {

	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#666;
}
#quoteForm table {
	background-image:url(../images/general/quote_background.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#quoteForm td {
	padding: 7px 5px 7px 5px;	
}
#quoteForm td .input {
	width: 200px;	
}
#quoteForm td .inputfield {
	width: 200px;
	height: 100px;
}
.submitButton {
	padding: 3px;	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#FFF;
	font-weight:bold;
	background-color:#1867d4;
	border-left: 2px solid #87aee4;
	border-top: 2px solid #87aee4;
	border-right: 2px solid #104389;
	border-bottom: 2px solid #104389;
}
#quoteForm tr {
	border-bottom: 1px solid #CCC;
}
.tinyHeader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#000;
	font-weight:bold;
}
.error {
	padding: 15px 0 0 0;
	color:#F00;
}
.red {
	color: #F00;
	font-weight:bold;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ OTHER  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tiny {
	font-size: 10px;
	color:#666;
}
#holyPublications {
	font-size: 11px;
}
#holyPublications p {
	padding: 0 0 15px 0;
}
#divBodyProductMorePageLeft {
	width: 630px;
	height: auto;
	padding: 0 25px 30px 30px;
	float: left;
	line-height: 18px;
}
#divBodyProductMorePageLeft table tbody tr td {
	padding: 5px;
}
#divBodyProductMorePageLeft table tbody tr th {
	padding: 5px;
	background-color: #f4f7fe;
}
#divBodyProductMorePageLeft table {
	border: 1px solid #CCC;
	font-size: 11px;
}
.testimonialName {
	color: #1a6bd6;
	font-weight: bold;
}
.testimonialUni {
	color:#090;
}
#table table {
	border:1px solid #E0E0E0;
	font-size: 11px;
}
#table table th {
	background-color:#f4f7fe;
}
#table table tr {
	border:1px solid #E0E0E0;
}
#table table td {
	padding:5px;
	border:1px solid #E0E0E0;
}
.PMTestimonialName {
	color: #660066;
	font-weight:bold;
}
.PMTestimonialQuote {
	font-style: italic;
}
.PMTestimonialSchool {
	color: #ff6600;
}
#divFaqContainer {
	width: 630px;
	float: left;
	padding: 0 0 30px 0;
}
#divFaqContainer ul {
	list-style: disc;
	padding: 0 0 0 25px;
}
#divFaqContainerLeft {
	width: 270px;
	float: left;
	padding: 0 15px 0 0;
}
#divFaqContainerRight {
	width: 300px;
	float: left;
	padding: 0 0 0 15px;
	border-left: 1px solid #CCC;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FALLBACK  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#divFallbackContainer {
	width: 636px;
	height: 327px;
	float: left;
	background-image: url(../images/homepage/fallback_gallery/home_fallback_shadowCorner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#divFallbackLeft {
	width: 246px;
	height: 279px;
	float: left;
	padding: 48px 0 0 72px;
}
#divFallbackLeft h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #1a6bd6;
}
#divFallbackLeft p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}
#divFallbackRight {
	width: 318px;
	height: 309px;
	float: left;
	padding: 18px 0 0 0;
}