/*Start: Changes to existing styles found in page.css. This is to accomodate the right nav*/
div.col1 {
	width:100% !important;
}
DIV.toggle-div {
	width: 460px !important;
	margin:0 !important;
	padding:0 !important;
}
* html DIV.toggle-div {
	width: 450px !important;
	margin:0 !important;
	padding:0 !important;
}
div#myResults {
	width: 460px !important;
	margin:0 !important;
	padding:0 !important;
}
* html div#myResults {
	width: 450px !important;
	margin:0 !important;
	padding:0 !important;
}
div.productWrap {
	margin: 10px 5px 5px 5px !important;
	width: 450px !important;
	padding:0 !important
}

* html div.productWrap {
	margin: 10px 5px 5px 5px !important;
	width: 440px !important;
	padding:0 !important
}

div.productWrap div.prod-desc {
	width: 440px !important;
	margin: 0 10px !important;
	padding: 0 !important
}

* html div.productWrap div.prod-desc {
	width: 420px !important;
	margin: 0 5px !important;
	padding: 0 !important
}
#filteredProducts h3.toggle, h3.toggle {
	width:450px !important;
}

/*div.productWrap div.prod-desc {
	width: 320px !important;
}

div.productWrap div.prod-desc_wo_img {
	width: 430px !important;
}*/

/*Start: Changes to existing styles found in accordian.css. This is to accomodate the right nav*/
div#accordion, div.accordion, div.accordion-top, div#accordion div.accordion-bottom, table.prod-desc { width:100% !important; }
div#accordion ul#accordionMenu li, div.accordion ul.accordionMenu li, div#accordion ul#accordionMenu ul li, div.accordion ul.accordionMenu ul li { width:100% !important; }
div#accordion ul#accordionMenu, div.accordion ul.accordionMenu { width:auto !important; }


div#accordion, div.accordion {

}

div.accordion-top {

	background:#7B99B3 url(/sites/dotcom/images/iface/solutions-resources-top_rhs.jpg) no-repeat scroll left top !important;
	
}

#sitePage div.accordion-top h2, div.accordion-top h2 {
width: 50% !important/*65%*/;
font-size: 12px !important;
font-weight:bold !important;
padding: 5px 0 5px 10px !important;
}

div.accordion-bottom {

	background:transparent url(/sites/dotcom/images/iface/solutions-resources-bottom_rhs.gif) no-repeat left top !important;
}
table.prod-desc {width:460px !important; margin:0 0 1em !important;}
p.firstpara, div.col1 h4.mediaPlayer {margin-top:0 !important;}

#bottomContentParent .rhs_contents {display:block;}
/*End: Changes to existing styles found in accordian.css. This is to accomodate the right nav*/


/*div.inPageNavContainer {margin: 0px 13px 13px 0px; height: 40px; width: 460px;}
ul#inPageNav {margin: 0 0 0 0 !important; padding: 0 !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; width:460px; list-style: none !important; font-size: 105%; background: url(/sites/dotcom/images/iface/bg-in-page-nav.jpg) repeat-x left bottom;}
ul#inPageNav li {float: left; margin: 0 !important; padding: 0 !important; font-size: 12px; background: none !important;}
ul#inPageNav li a {float: left; display: block; height: 30px; line-height: 30px; text-decoration: none; padding: 3px 8px; border-right: 1px solid #efefef; color: #666;}
ul#inPageNav li a:hover, div.inPageNavContainer ul li a.current {color: #ff0000;}*/
/*End: Changes to existing styles found in page.css. This is to accomodate the right nav*/

/*Start: Changes that need to be made to page.css*/
/*	
div.productWrap {
	clear:both;
	float:left;
	margin:10px 5px 5px 5px;
	padding:0;
	width:665px;
}

div.productWrap div.prod-desc {
	float: left;
	width: 535px;
	margin: 0 10px;
}
*/
/*Start: Changes that need to be made to page.css*/



