/* -- reset -- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, tr, th, td { background: transparent no-repeat 0 0; border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
ol, ul { list-style: none; }
table {	border-collapse: collapse; border-spacing: 0; width: 100%; }
input, textarea, select, button { font-family: inherit; }
input, textarea { margin: 0; padding: 0; }
legend { white-space: normal; width: 100%; }
object, img { vertical-align: top; }
a, button { cursor: pointer; }
strong { font-weight: bold; }
.on { cursor: default; }
.js a { outline: 0; }


/* -- elements -- */
body { 
	background: #fff;
	color: #525252;
	font-size: 12px;
	line-height: 1.7em; /* 20px */
	min-width: 1000px;
	font-family: 'PT Sans', sans-serif;
	}
a, span {
	color: #084887;
	text-decoration: none;
	}
a:hover, a:focus {
	text-decoration: underline;
	}
h1, h3, h4 { color: #525252;  }
h1 {line-height: 1.25; margin: 0 0 .5em; } /* 6px */
h2 {
	color: #084887;
	margin: 0 0 .375em; /* 5px */
	}
h3, h4 { 
	font-size: 12px;
	margin: 0 0 .5em; /* 6px */
	font-weight:bold;
	}
h5 {
	color: #282828;
	font-size: 14px;
	}
p {
	margin: 0 0 .5em; /* 6px */
	}
strong {
	color: #282828;
	}
	
ul li ul li { margin-left: 15px;}

/* -- structure -- */
#container, .content {
	margin: 0 auto;
	width: 1000px;
	}
#col-left {
	float: left;
	width: 754px;
	}
#col-right {
	float: right;
	width: 223px;
	}
.col-inner {
	padding-top: 68px;
	}
.last {
	margin-right: 0 !important;
	}
	
	
/* -- product row -- */

.product-row {
	float: left;
	margin: 0 0 40px;
	width: 100%;
	}
.product-cat {
    float: left;
    margin: 0 20px 0 0;
    width: 236px;
	}
.product-cat img {
	float: left;
    padding: 0 10px 4px 0;
	}
.product-head {
    background: #fff url(http://www.radisys.com/Images/products-pages/prodcat-head.gif) repeat-x;
    color: #fff;
    float: left;
    font-weight: normal;
    line-height: 35px;
    margin: 0 0 15px;
    padding: 0 0 0 10px;
    text-shadow: 1px -1px #75838F;
    width: 226px;
	text-transform:none !important;
	}
h2.product-head a {
    color: #fff;
    text-decoration: none;
	font-weight:bold;
	 font-size: 14px;
	}
	
h3.product-content {
 text-transform:none !important; }
.view-more {
	 border-top: 1px solid #A5B8C9;
	 padding-top: 15px;
	}

.product-toggle {
	margin-bottom: 10px;
	}
.product-toggle .product-list {
	background:#fff;
	border: solid #bdbdbd;
	border-width: 0 1px 1px;
	left: -9999px;
	position: absolute;
	width: 100%;
	z-index: 999;
	}
.product-toggle .product-label {
	border: 1px solid #bdbdbd;
	padding: 4px 0 0;
	position: relative;
	text-transform:none !important;
	}
.product-toggle .product-label h3 {
	background: #fff url(http://www.radisys.com//images/nav/homeSprite.png) no-repeat 210px 8px ;
	color: #959595;
	margin: 0 0 3px 8px;
	}
.product-toggle .product-label:hover .product-list {
	left: -1px;
	}
.product-toggle .product-list h4 {
	margin: 0 0 0 8px;
	}
.product-toggle .product-list li {
	margin-left: 16px;
	background:#fff;
	}
.product-toggle .product-list li a {
	display: block;
	}
	
	
/* -- products -- */
.products .product {
	border-top: 1px solid #bdbdbd;
	padding: 25px 0 25px;
	}
	
.products .product  img {
	float: left;
	width: 100px;
	padding:5px 5px 0  0;
	}
.products .product .description {
    width: 580px;
	 color: #1F466E;
	 margin: 0 0 1em;
	 padding-bottom: 40px;
 }

.group { width:580px; margin-top: 20px; font-size: 13px;}
 
.group img{
	float: left;
	padding:10px;}

/* -- headlines -- */
h1.hcat {
	margin-bottom: 0;
	text-transform:none;
	}
h2.hintro {
	color: #525252;
	font-size: 16px;
	text-transform:none;
	}

h2.hrow {
	color: #084887;
	font-size: 24px;
	text-transform:none;
	}
h3.hrow {
	font-size: 16px;
	text-transform:none;
	}

.product h3 {
	color: #084887;
	font-size: 18px;
	margin: 0;
	text-transform: none;
	}
.product h4 {
	color: #282828;
	font-size: 14px;
	margin: 0;
	text-transform: none;
	}
	
	
	
/* -- tabular -- */
th {
	font-weight: normal;
	padding-bottom: 10px;
	text-align: left;
	}
.hlabel {
	text-indent: -9999px;
	}
.row-head {
	border-bottom: 1px solid #bdbdbd;
	margin-bottom: 15px;
	}
.row-table {
	margin-bottom: 40px;
	}
.row-table td p {
	max-width: 350px;
	}
	

/* - listing - */
.list-cats {
	margin-bottom: 10px;
	}

/* - intro - */
.intro {
	font-size: 14px;
	line-height: 1.8em;  /* 22px */
	margin-bottom: 30px;
	}
.cat {
	margin-bottom: 0;
	}
.intro .col, .intro .col1 {
	float: left;
	margin-right: 30px;
	width: 360px;
	}
.intro .col2 {
	width: 510px;
	}
.intro .img {
	float: left;
	width: 200px;
	}
.intro .data {
	float: left;
	margin-left: 20px;
	padding-top: 12px;
	width: 300px;
	}
.intro .data p {
	margin: 0;
	}
.intro h1 {
	font-weight: normal;
    color: #525252;
 	font-size: 34px; 
	line-height: 1.25; 
	margin: 0 0 .5em; 
	text-transform: none !important;
 }
	
/* - promo - */
.right-now {
	background-image: url(/img/be-right-now-promo.png);
	height: 210px;
	width: 215px;
	}
.right-now-text {
	margin-top: 10px;
	}
	
.promo {
	border-bottom: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;
	margin-top: 40px;
	min-height: 125px;
	padding: 40px 0;
	}
.promo .col {
	float: left;
	width: 430px;
	}
.promo .col1 {
	border-right: 1px solid #bdbdbd;
	padding-right: 40px;
	}
.promo .col2 {
	margin-left: 40px;
	}
.promo .col1 h4 {
	background-image: url(/img/promentum-c2-server.png);
	height: 18px;
	width: 222px;
	}
.promo .col2 h4 {
	background-image: url(/img/advancedtca-in-defense-applications-for-dummies.png);
	height: 49px;
	width: 263px;
	}
.promo .img {
	float: left;
	width: 70px;
	}
.promo .text {
	float: right;
	width: 350px;
	}


/* -- nav -- */
.nav li {
	float: left;
	margin-right: 20px;
	}
	
#nav-products h2 {
	background: #fff url(http://www.radisys.com/Images/products-pages/prodcat-head.gif) repeat-x;
    color: #fff;
    font-weight: normal;
    line-height: 35px;
    margin: 0 0 15px;
    padding: 0 0 0 10px;
    text-shadow: 1px -1px #75838F;
    width: 213px;
	}
#nav-products .product-label {
	font-size: 14px;
	position: relative;
	}
#nav-products .product-label li {
	font-size: 12px;
	}
#nav-products .product-label ul {
	left: -9999px;
	margin-left: 46px;
	position: absolute;
	}
#nav-products .product-label ul .on a {
	text-decoration: underline;
	}
#nav-products .product-label .toggle {
	background: #fff url(/img/arrows.png) no-repeat -40px -48px;
	display: block;
	padding: 0 0 2px 35px;
	}
#nav-products .on .toggle {
	background-position: 10px 2px;
	text-decoration: underline;
	}
#nav-products .sub-on .toggle {
	background-position: 10px 2px;
	}
#nav-products .on ul, #nav-products .sub-on ul {
	left: 0;
	position: relative;
	}

#nav-tabs {
	border-bottom: 1px solid #bdbdbd;
	margin-top: -1px;
	}
#nav-tabs a {
	background-color: #d6d6d6;
	border: 1px solid #bdbdbd;
	color: #282828;
	float: left;
	font-weight: bold;
	padding: 12px 25px 10px;
	position: relative;
	top: 1px;
	font-size: 13px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	}
#nav-tabs .on {
	background-color: #fff;
	border-bottom-color: #fff;
	}
#nav-tabs li {
	margin-right: 0;
	font-size: 13px;
	}
#features.tab {
	font-size: 13px;
}

#features.tab ul li{
	list-style-type: disc;
}	
.product-tabs .tab {
	display: none;
	padding: 30px 20px;
	}

.product-tabs .on {
	display: block;
	}
.product-tabs .tab p {
	font-size: 13px;
	margin-bottom: 10px;
	}

.product-tabs .tab td {
	padding: 1px;
	}

.bullet {
	margin: 0 0 10px 20px;
	max-width: 570px;
	}
.bullet li {
	font-size: 13px;
	}
	
	
/* -- cta -- */
.cta {
	margin: 0 0 80px;
	}
.cta p {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
	}
.cta h3 {
	font-size: 18px;
	}
.cta h4 {
	font-size: 14px;
	}
.cta img {
	float: left;
	}
.cta-companion-products {
	margin: 40px 0 0;
	}
.cta-companion-products p {
	font-size: 12px;
	font-weight: normal;
	}

/* -- contain floats -- */
.group:after {
	clear: both; content: '.'; display: block; height: 0; visibility: hidden;
	}
	

/* -- image replacement -- */
.ir {
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	}
/*-- above is substance code. below was added by kevin for the promo, videos and category components that was from the 'old' products.css --*/

/*video slider*/
#videos { position: relative; overflow: hidden; width: 100%; border-bottom:1px solid #bbb; margin-bottom:40px;}
#videos a { border-left: 1px solid #e3e9ef; margin: 0 0 0 0.25em; padding: 0 0 0 0.5em; }
#videos a img { vertical-align: middle; }
#videos h3 { display: inline; font-size:1.2em; font-weight:900;}
#videos p { margin: 0; }
#videos object { display: block; margin: 0 0 9px; }
#videos .videos {
	margin: 1.5em 0 0;
    overflow: hidden;
    padding: 0 40px;
    position: relative;
    width: 960px;
	z-index: 1;
	}
#videos .item {
    float: left;
	margin: 0 25px 0 0;
	padding: 0 0 1.5em;
	width: 290px;
	}
#videos .item h4 {font-weight:900;}
#videos .next, #videos .prev {
	background-image: url(../../Images/substance/buttons/arrows.png);
	cursor: pointer;
	height: 20px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 78px;
	width: 20px;
	z-index: 3;
	}
#videos .prev { background-position: -25px 0; left: 0; right: auto; }
#videos .prev:hover { background-position: -25px -25px; }
#videos .next:hover { background-position: 0 -25px; }
#videos .jcarousel-container, #videos .jcarousel-clip {
    overflow: hidden;
    position: relative;
	}
#videos .jcarousel-container {
	margin: 1.5em 0;
	padding: 0 40px;
	width: 920px;
	}
#videos .jcarousel-container .videos { margin: 0; padding: 0; width: auto; }
#videos .jcarousel-clip { width: 100%; z-index: 2; }

/* promo div */
.promo {
  float: left;
  min-height: 125px;
  padding-right: 10px;
  width: 980px;
	
}

.promo img {
	float:left;
	margin:0 10px 0 0;

	
}

/*PRODUCT CATEGORY FRONT**************************************/
.catrow {
	float:left;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	width:1000px;
	height:auto;
}

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

ul.catdisplay li {
	float:left;
	display:inline-block;
	margin:0 10px 0 0;
	padding:0 10px 0 10px;
	width:224px;
	height:100%;
	min-height:210px;
	_height:210px;
	border-right:1px solid #a5b8c9;
}

.catcol {
	float:left;
	margin:0;
	padding:10px 10px;
	width:230px;
	color:#525252;
}

.catrow h2 {
	border-bottom:1px solid #a5b8c9;
	padding:0 0 12px 0;
}

.catcol h2.attention {
	color:#b0232a;
	border-bottom:none;
	padding:0;
}

.catcol h2 {font-size:1.2em; font-weight:900;}

.catcol p {
	color:#525252;
}

.catprod {
	border:1px solid #a5b8c9;
}

.cattab {
	float:left;
	margin:0;
	padding:0;
	background:url(../../Images/products-pages/cat-tab-bg.gif) no-repeat top left;
	border-top:1px solid #a5b8c9;
	border-bottom:1px solid #a5b8c9;
	width:224px;
	height:30px;
}

.catmain-tab {
	float:left;
	margin:0 0 0 0;
	padding:0;
	background:url(../../Images/products-pages/cat-tab-bg.gif) no-repeat top left;
	border-top:1px solid #a5b8c9;
	border-bottom:1px solid #a5b8c9;
	width:230px;
	height:30px;
}


hr.catdivide {
	float:left;
	display:block;
	width:1000px;
	height:1px;
	padding:0 0 0 0;
	background-color:#a5b8c9;
	color:#a5b8c9;
	border:none;
}

.catsupport1 { 
 	border-right: 1px solid #999999;
    float: left;
    min-height: 125px;
    padding:15px 15px 15px 0;
    width: 460px;
}


.catsupport { 
    float: left;
    min-height: 125px;
    padding:15px;
   width: 460px;

}

li.arrow {
	list-style-image:url(../../Images/products-pages/arrow.gif);
	vertical-align:text-top;
	padding:5px 0 0 0;
	margin:0 0 0 15px;
	color:#084887;
}