/**********************************************************
**
**  Filename: solutions.css
**  Desc: All styles relating to Solutions page
**  Version: 1.0
**  Last Updated: September 22, 2008
**
**********************************************************/

.right-image { position:relative; top:-10px; }

/*=Solutions Sub Navigation
--------------------*/
ul#solutionsNav { list-style: none;	width: 900px; height: 33px; }
#solutionsNav li {	position: absolute;	height: 33px;	cursor: pointer; top:143px;}
#solutionsNav li a {	display: block;	text-decoration: none;	height: 33px;	text-indent: -9999px;}

#solutionsNav li#navOverview { width: 120px; left: 30px; }
#solutionsNav.green-banner li#navOverview a { width: 120px; background: url(../_images/_banners/solutions-overview-green-tab.png) 0 0 no-repeat; }
#solutionsNav.red-banner li#navOverview a { width: 120px; background: url(../_images/_banners/solutions-overview-red-tab.png) 0 0 no-repeat; }
#solutionsNav.yellow-banner li#navOverview a { width: 120px; background: url(../_images/_banners/solutions-overview-yellow-tab.png) 0 0 no-repeat; }
#solutionsNav.purple-banner li#navOverview a { width: 120px; background: url(../_images/_banners/solutions-overview-purple-tab.png) 0 0 no-repeat; }
#solutionsNav.blue-banner li#navOverview a { width: 120px; background: url(../_images/_banners/solutions-overview-blue-tab.png) 0 0 no-repeat; }
#solutionsNav li#navOverview a:hover, #solutionsNav li:hover#navOverview a, #solutionsNav li.hover#navOverview a { background-position: 0 -33px; }
#solutionsNav li#navOverview a.current { background-position: 0 -66px; }

#solutionsNav li#navProductivity { width: 170px; left: 340px; }
#solutionsNav.green-banner li#navProductivity a { width: 170px; background: url(../_images/_banners/solutions-productivity-green-tab.png) 0 0 no-repeat; }
#solutionsNav.red-banner li#navProductivity a { width: 170px; background: url(../_images/_banners/solutions-productivity-red-tab.png) 0 0 no-repeat; }
#solutionsNav.yellow-banner li#navProductivity a { width: 170px; background: url(../_images/_banners/solutions-productivity-yellow-tab.png) 0 0 no-repeat; }
#solutionsNav.purple-banner li#navProductivity a { width: 170px; background: url(../_images/_banners/solutions-productivity-purple-tab.png) 0 0 no-repeat; }
#solutionsNav.blue-banner li#navProductivity a { width: 170px; background: url(../_images/_banners/solutions-productivity-blue-tab.png) 0 0 no-repeat; }
#solutionsNav li#navProductivity a:hover, #solutionsNav li:hover#navProductivity a, #solutionsNav li.hover#navProductivity a { background-position: 0 -33px; }
#solutionsNav li#navProductivity a.current { background-position: 0 -66px; }

#solutionsNav li#navDemand { width: 170px; left: 160px; }
#solutionsNav.green-banner li#navDemand a { width: 170px; background: url(../_images/_banners/solutions-demand-green-tab.png) 0 0 no-repeat; }
#solutionsNav.red-banner li#navDemand a { width: 170px; background: url(../_images/_banners/solutions-demand-red-tab.png) 0 0 no-repeat; }
#solutionsNav.yellow-banner li#navDemand a { width: 170px; background: url(../_images/_banners/solutions-demand-yellow-tab.png) 0 0 no-repeat; }
#solutionsNav.purple-banner li#navDemand a { width: 170px; background: url(../_images/_banners/solutions-demand-purple-tab.png) 0 0 no-repeat; }
#solutionsNav.blue-banner li#navDemand a { width: 170px; background: url(../_images/_banners/solutions-demand-blue-tab.png) 0 0 no-repeat; }
#solutionsNav li#navDemand a:hover, #solutionsNav li:hover#navDemand a, #solutionsNav li.hover#navDemand a { background-position: 0 -33px; }
#solutionsNav li#navDemand a.current { background-position: 0 -66px; }

#solutionsNav li#navInnovation { width: 170px; left: 520px; }
#solutionsNav.green-banner li#navInnovation a { width: 170px; background: url(../_images/_banners/solutions-innovation-green-tab.png) 0 0 no-repeat; }
#solutionsNav.red-banner li#navInnovation a { width: 170px; background: url(../_images/_banners/solutions-innovation-red-tab.png) 0 0 no-repeat; }
#solutionsNav.yellow-banner li#navInnovation a { width: 170px; background: url(../_images/_banners/solutions-innovation-yellow-tab.png) 0 0 no-repeat; }
#solutionsNav.purple-banner li#navInnovation a { width: 170px; background: url(../_images/_banners/solutions-innovation-purple-tab.png) 0 0 no-repeat; }
#solutionsNav.blue-banner li#navInnovation a { width: 170px; background: url(../_images/_banners/solutions-innovation-blue-tab.png) 0 0 no-repeat; }
#solutionsNav li#navInnovation a:hover, #solutionsNav li:hover#navInnovation a, #solutionsNav li.hover#navInnovation a { background-position: 0 -33px; }
#solutionsNav li#navInnovation a.current { background-position: 0 -66px; }

#solutionsNav li#navSupport { width: 170px; left: 700px; }
#solutionsNav.green-banner li#navSupport a { width: 170px; background: url(../_images/_banners/solutions-support-green-tab.png) 0 0 no-repeat; }
#solutionsNav.red-banner li#navSupport a { width: 170px; background: url(../_images/_banners/solutions-support-red-tab.png) 0 0 no-repeat; }
#solutionsNav.yellow-banner li#navSupport a { width: 170px; background: url(../_images/_banners/solutions-support-yellow-tab.png) 0 0 no-repeat; }
#solutionsNav.purple-banner li#navSupport a { width: 170px; background: url(../_images/_banners/solutions-support-purple-tab.png) 0 0 no-repeat; }
#solutionsNav.blue-banner li#navSupport a { width: 170px; background: url(../_images/_banners/solutions-support-blue-tab.png) 0 0 no-repeat; }
#solutionsNav li#navSupport a:hover, #solutionsNav li:hover#navSupport a, #solutionsNav li.hover#navSupport a { background-position: 0 -33px; }
#solutionsNav li#navSupport a.current { background-position: 0 -66px; }

.productivity h1, .productivity h2 { color:#8E0909; }
.demand h1, .demand h2 { color:#605F00; }
.innovation h1, .innovation h2 { color:#460060; }
.support h1, .support h2 { color:#003366; }
.productivity h2 { width:480px; }

#callout { float:right; clear:both;}
#callout .body-light { padding-bottom:5px; }
#callout .bottom-light { background:url('../_images/box/box-bottom.png') !important; _background:url('../_images/box/box-bottom.gif') bottom !important; height:8px; } 

.box h1 { padding:12px 15px; color:#FFFFFF; }
.box li a { color:#333; position:relative; top:2px; #top:-3px; _position:static; }
.box li a:hover { color:#418E09; }

.calloutBox { color: #000; width: 250px; background-color: #66cc00; float:right; clear:both; margin-bottom:42px;}
.portrait { border: 10px solid #FFF; border-top-color:#F0F1F0; border-left: none; border-right: none; margin: 0 30px; }
.portrait p { margin: -5px -25px; padding: 1em; background: url(../_images/icons/gray-bg.jpg) top left repeat-x; color: #000; font-style: italic; text-align: center; width:auto; font-size:12px; }
.portrait p .quote { color:#999999; font-size:10px; font-style: normal; }
  
.productivity .calloutBox { background-color: #8d0907; }
.demand .calloutBox { background-color: #e6a408; }
.innovation .calloutBox { background-color: #460060; }
.support .calloutBox { background-color: #003466; }

/* SPEC TABLE STYLES - CUSTOM */
#specs.green #rightcol { background:#FFFFFF url(../_images/spec-table/spec-green-top.gif) top left no-repeat; }
#specs.green #spec1 { background:url(../_images/spec-table/spec-green-bg1.jpg); }
#specs.green #spec2 { background:url(../_images/spec-table/spec-green-bg2.jpg) 0 80px; }
#specs.green #spec3 { background:url(../_images/spec-table/spec-green-bg3.jpg) 0 80px; }
#specs.green #spec-desc { background:url(../_images/spec-table/spec-green-bottom.gif) bottom left no-repeat; }
#specs.green #spec-desc h1 { color:#66CC00; }

#specs.red #rightcol { background:#FFFFFF url(../_images/spec-table/spec-red-top.gif) top left no-repeat; }
#specs.red #spec1 { background:url(../_images/spec-table/spec-red-bg1.jpg); }
#specs.red #spec2 { background:url(../_images/spec-table/spec-red-bg2.jpg) 0 80px; }
#specs.red #spec3 { background:url(../_images/spec-table/spec-red-bg3.jpg) 0 80px; }
#specs.red #spec-desc { background:url(../_images/spec-table/spec-red-bottom.gif) bottom left no-repeat; }
#specs.red #spec-desc h1 { color:#8F0908; }

#specs.yellow #rightcol { background:#FFFFFF url(../_images/spec-table/spec-yellow-top.gif) top left no-repeat; }
#specs.yellow #spec1 { background:url(../_images/spec-table/spec-yellow-bg1.jpg); }
#specs.yellow #spec2 { background:url(../_images/spec-table/spec-yellow-bg2.jpg) 0 80px; }
#specs.yellow #spec3 { background:url(../_images/spec-table/spec-yellow-bg3.jpg) 0 80px; }
#specs.yellow #spec-desc { background:url(../_images/spec-table/spec-yellow-bottom.gif) bottom left no-repeat; }
#specs.yellow #spec-desc h1 { color:#E6A408; }

#specs.purple #rightcol { background:#FFFFFF url(../_images/spec-table/spec-purple-top.gif) top left no-repeat; }
#specs.purple #spec1 { background:url(../_images/spec-table/spec-purple-bg1.jpg); }
#specs.purple #spec2 { background:url(../_images/spec-table/spec-purple-bg2.jpg) 0 80px; }
#specs.purple #spec3 { background:url(../_images/spec-table/spec-purple-bg3.jpg) 0 80px; }
#specs.purple #spec-desc { background:url(../_images/spec-table/spec-purple-bottom.gif) bottom left no-repeat; }
#specs.purple #spec-desc h1 { color:#460060; }

#specs.blue #rightcol { background:#FFFFFF url(../_images/spec-table/spec-blue-top.gif) top left no-repeat; }
#specs.blue #spec1 { background:url(../_images/spec-table/spec-blue-bg1.jpg); }
#specs.blue #spec2 { background:url(../_images/spec-table/spec-blue-bg2.jpg) 0 80px; }
#specs.blue #spec3 { background:url(../_images/spec-table/spec-blue-bg3.jpg) 0 80px; }
#specs.blue #spec-desc { background:url(../_images/spec-table/spec-blue-bottom.gif) bottom left no-repeat; }
#specs.blue #spec-desc h1 { color:#003466; }

/* SPEC TABLE STYLES - GENERAL */
#specs { 
	width:500px;
	float: left;
	margin-bottom: 40px;
}
#specs #leftcol { width:100px; float:left; padding-top:10px;}
#specs #rightcol { width:400px; float:right; }
#specs #spec1, #specs #spec2, #specs #spec3 { height:80px; padding:0 2px 0 10px; font-size:13px; color:#FFFFFF; font-weight:bold; margin-bottom:2px; text-align:left; }
#specs #spec-desc { width:auto; min-height:320px; _height:320px; padding:0; text-align:left; }
#specs #spec-desc li{
	background:transparent url(../_images/icons/arrows.png) no-repeat scroll 0 8px;
	padding-left:15px;
}
#specs #leftcol a { text-decoration:none; }
#desc2, #desc3 { display:none; }
#spec-desc h1, #spec-desc p, #spec-desc ul { width:auto; width:auto; }
#spec-desc h1, #spec-desc li { color:#000000; }
#spec-desc h1 { padding:20px 20px 0px 20px; }
#spec-desc p { padding:0px 20px; }
#spec-desc ul { padding:0px 20px; }

/* SPEC LEFT SPACING */
#specs .single { padding-top:33px; }
#specs .double { padding-top:23px; }