/*--- [basic styles] --------------------*/
/*---* {
	margin:0;
	padding:0;
	}---*/
body {
	font-size:11px;
	line-height:1.5em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: Black;
/*--	background-image: url(../assets/bg_products.gif);
	background-repeat: repeat-x;--*/
	margin:0;
	padding:0;
	}
a:link {
	text-decoration: none;
	color: Black;
	}
a:visited {
	text-decoration:none;
	color: Black;
	}
a:hover {
	color: #FF8C00;
	text-decoration: underline;
	}
li a:link {
	text-decoration: none;
	color: black;
	}
li a:visited {
	text-decoration:none;
	color: black;
	}
li a:hover {
	color: Maroon;
	text-decoration: underline;
	}		
p {
	margin-bottom:1em;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
/*	text-transform: uppercase;*/
	}
h1 {
	font-size:1.5em;
	margin: 1.5em 0 0 0;
	font-weight: bold;
	}
h2 {
	font-size:1.3em;
	margin: 1.5em 0 0 0;
	font-weight: bold;
	}
h3 {
	font-size:1.2em;
/*	color: #FF8C00;*/
	margin: 1.5em 0 0 0;
	font-weight: bold;	
	}	
h4 {
	font-size:1em;
	color: #4682B4;
	margin: 1.5em 0 0 0;
	}		
h5,h6 {
	font-size:1em;
	}
em {
	font-style:italic;
	}
strong {
	font-weight:bold;
	}
table, tr, td, select {
	line-height:1.5em;
	color: Black;
	font-size: 1em;
	background-image: none;
	padding: 0 0 0 0;
	}
img{
	border: none;
	padding-left: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	}
/*--- [custom styles] --------------------*/
.contenttitle{
	color: Black;
	font-size:1.1em;	
	padding-left: .5em;
	padding-top: 1.75em;	
	height: 2.5em;
	vertical-align: middle;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;	
/*	border-right: 1px solid #cccccc;
	width: 900px;*/
/*	background: url(../assets/bg_box.gif) repeat-x;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;*/
}	
.contentbox{
	text-decoration: none;
/*	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;*/
	padding: .5em .5em .5em .5em;
	vertical-align: top;
	line-height: 1.4em;
	}		
	
.blink{
	text-decoration: blink;
}

a.orange:link {
	text-decoration: none;
	color: #ff6600;
	}
a.orange:visited {
	text-decoration:none;
	color: #ff6600;
	}
a.orange:hover {
	color: #8B0000;
	text-decoration: underline;
	}
a.blue:link {
	text-decoration: none;
	color: #255085;
	}
a.blue:visited {
	text-decoration:none;
	color: #255085;
	}
a.blue:hover {
	color: #255085;
	text-decoration: underline;
	}	
.red{
	color: red;
}
.blue{
	color: #255085;
}
.coral{
	color: #C0504D;
}
.green {
	color: #00a651;
}
.sky{
	color: #0072bc;
}
.orange{
	color: #ff6600;
}
.gray{
	color: gray;
}
.black{
	color: Black;
}
.pressgray{
	color: gray;
	font-size: 1.2em;
}
a.gray:link {
	text-decoration: none;
	color: gray;
	}
a.gray:visited {
	text-decoration:none;
	color: gray;
	}
a.gray:hover {
	color: #FF8C00;
	text-decoration: underline;
	}
a.black:link {
	text-decoration: none;
	color: black;
	}
a.black:visited {
	text-decoration:none;
	color: black;
	}
a.black:hover {
	color: #FF8C00;
	text-decoration: underline;
	}	

.imgsm{
	border: 1px solid #CCCCCC;
	padding-left: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;	
	margin-left: .5em;
	margin-top: 0em;
	margin-right: .5em;
	margin-bottom: 1em;
	}
	
.flagsm{
	border: 1px solid #CCCCCC;
	padding-left: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;	
	margin-left: .5em;
	margin-top: .5em;
	margin-right: .5em;
	margin-bottom: .5em;
	}	
.pohometopbox{
	border-top: 1px solid #cccccc;
/*	border-bottom: 1px solid #cccccc;*/
	height: 30px;
	width:750px;
	}
.hometopbox{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 255px;
	width:750px;
/*	text-align: right;*/
	}
.hometopboxwhite{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 255px;
	width:930px;
/*	text-align: right;*/
	}	
.hometopimage{
	border: 1px solid #CCCCCC;
	}	
.producttopboxblack{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 255px;
	width:930px;
	text-align: center;
	background-color: black;
	}	
.hometopboxleftblack{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 255px;
	width:180px;
	background-color: Black;
	}	
.hometopboxleftwhite{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 255px;
	width:180px;
	background-color: white;
	}		
.hometopboxleftblue{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 255px;
	width:180px;
	background-color: #073A5A;
	}	
.hometopboxleftgray{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 255px;
	width:180px;
	background-color: #363636;
	}		
.left{
	float: left;
}
.lefttop{
	float: left;
	vertical-align: top;
}
.right{
	float: right;
}
.righttop{
	float: right;
	vertical-align: top;	
}
.min{
	font-size: .9em;
	line-height: 1.25em;
	}
#footer table{
	font-size: .9em;
	text-align: center;
	line-height:1.5em;
	width: 930px;
	height: 60px;
	padding: .5em 1em .5em 1em;
	margin-top: 2em;
	}
#footer a:link {
	text-decoration: none;
	color: Black;
	}
#footer a:visited {
	text-decoration:none;
	color: Black;
	}
#footer a:hover {
	color: #FF8C00;
	}	
#nav {
	color: Silver;
	margin-left: 2.5em;
	margin-bottom: 1.5em;
	font-size: .9em;
	}
#nav a:link {
	text-decoration: none;
	color: #FFA500;
	}
#nav a:visited {
	text-decoration:none;
	color:#FFA500;
	}
#nav a:hover {
	color: White;
	}
#press {
	color: #999999;
	margin-left: 2.5em;
	margin-right: 1.5em;	
	margin-bottom: 1.5em;
	font-size: .9em;
	margin-top: 2.5em;
	}
#press a:link {
	text-decoration: none;
	color: #FFA500;
	}
#press a:visited {
	text-decoration:none;
	color:#FFA500;
	}
#press a:hover {
	color: White;
	}
#sitemap {
	color: #999999;
	width: 900px;
	}
#sitemap li a:link {
	text-decoration: none;
	color: black;
	}
#sitemap li a:visited {
	text-decoration:none;
	color: black;
	}
#sitemap li a:hover {
	color: Maroon;
	text-decoration: underline;
	}	
.highlights {
	font-family: Arial, Verdana, Helvetica, sans-serif;
/*	color: #FFA500;*/
	font-weight: bold;
	line-height: 2em;
	}
.datasheet {width: 100%; margin-bottom: 25px;  }
.datasheet th, .datasheet td {padding: 2px; vertical-align: top; text-align: left; border-top: 1px solid #bdc2c6;}
.datasheet .header {font-size: 12px; background: #e2e2e2;}
.datasheet .divider {border-right: 1px solid #bdc2c6;}
.datasheet .description {vertical-align: bottom;}
.datasheet .even {background: #fff;}
.datasheet .odd {background: #f6f6f6;}
.datasheet .right {text-align: right;}
.datasheet .center {text-align: center;}

.presskit {width: 200px; margin-bottom: 25px; border: 1px solid #bdc2c6;  padding: .5em .5em .5em .5em; }
.presskit th {padding: 2px; vertical-align: top; text-align: left; }  
.presskit td {padding: 2px; vertical-align: top; text-align: left; background: #fff; border-top: 1px solid #bdc2c6;} 
.presskit .header {font-size: 12px; background: #e2e2e2;  height: 1.75em; }
/*.datasheet .odd {background: #f6f6f6;}*/

/*-- begin flyout menu css --*/
#rollovermenu {
	padding:0;
	width:190px;
	border:0px;
	background-color:#000000;
	}
#rollovermenu, #rollovermenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	}
#rollovermenu ul {
	border:1px solid #333333;
	border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#333333;
	width:190px;
	padding-bottom:0em;
	float: right;
	}
#rollovermenu ul a:link, #rollovermenu a:visited {
	display: block;
	border:none;
	text-decoration:none;
/*	padding: .1em 0 .1em 0;*/
	color: #FF9900
	}
#rollovermenu ul a:hover, #current a {
	background:#FF9900;
	color:white;
	}
#rollovermenu li { /* all list items */
	position: relative;
	text-align: left;
	cursor: default;
	padding: .1em .1em .1em .1em;
	margin:0em;
	color:#999999;
	}
#rollovermenu li ul { /* second-level lists */
	position: absolute;
	border:1px solid #333333;
	border-color: #f7f3f3 #FFFFFF #CCCCCC #CCCCCC;
	background-color:#333333;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
#rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* lists nested under hovered list items */
	left:0px;
	top:19px;
	}
li#invite {
	text-align:left;
	text-transform:none;
	font-size:.9em;
	margin: 0 0 0px 0px;
	padding:0 0 0 0;
	color:black;
	height:30px;
	}
/*-- end flyout menu css --*/	
.specs{
width: 930px;
 border: none;
}
.specsfull{
width: 930px;
 border: none;
 padding-left: 1em;
 padding-right: 1em;
 vertical-align: top;  
}
.specslt{
width: 700px;
 padding-bottom: 1em;
 padding-left: 1em;
 padding-right: 1em;
 vertical-align: top; 
}
.specsrt{
width: 230px;
 padding-bottom: 1em;
 padding-left: 0em;
 padding-right: 1em;
 vertical-align: top;
 }
 .specsimg400av
{
	height: 255px;
	width: 750px;
	background-image: url(../assets/specs_rocpro400av.jpg);
}
 .specsimg800av
{
	height: 255px;
	width: 750px;
	background-image: url(../assets/specs_rocpro800av.jpg);
}
 .specsimg200u
{
	height: 255px;
	width: 750px;
	background-image: url(../assets/specs_rocpro200u.jpg);
}

.product{
	border: 1px solid #DCDCDC;
	width: 930px;
border-collapse: collapse;
border-spacing: 0px;	
}
.prodtitle{
	height: 30px;
	padding-left: .5em;
	vertical-align: middle;
	border-bottom: 1px solid #DCDCDC;			
}
.prodcapacity{
/*	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;	*/
	padding-left: .5em;
}
/*.prodfeatures{
	width: 200px;
	padding-left: .5em;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;	
	border-bottom: 1px solid #DCDCDC;	
	border-top: 1px solid #DCDCDC;
	vertical-align: top;
}*/
.proddesc{
	width: 700px;
	padding-top: 1em;		
	padding-bottom: 1em;				
	padding-left: .5em;
	padding-right: .5em;	
/*	border-left: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;	*/
	border-bottom: 1px solid #DCDCDC;		
	vertical-align: top;
}
.prodimg{
	width: 140px;
	padding-top: 1em;		
	padding-bottom: 1em;			
	padding-left: .5em;
	text-align: center;
/*	border-left: 1px solid #DCDCDC;	
	border-top: 1px solid #DCDCDC;*/
	border-bottom: 1px solid #DCDCDC;	
	vertical-align: middle;
}
.producttitle{
	width: 90px;
	padding-top: 3em;		
	padding-bottom: 1em;				
	padding-left: .5em;
	text-align: center;
/*	border-left: 1px solid #DCDCDC;	
	border-top: 1px solid #DCDCDC;*/
	border-bottom: 1px solid #DCDCDC;	
	vertical-align: top;
}
.capwhite{
	color: White;
	padding: .25em;
	padding-right: .25em;
}
.cap{
	padding: .25em;
	padding-right: .25em;
}
.bottom{
	vertical-align: bottom;
}

.po {margin: 0px 0;  width: 100%; border: 1px solid #c9c9c9;}
.po th {padding: 5px; vertical-align: top; text-align: left; line-height: 1.25em; color: #333333;}
.po th {padding-left: 10px; font-weight: bold;}
.po th a {color: #3366CC; text-decoration: none; font-weight: bold;}
.po th a:hover {color: #505050;text-decoration: underline;}
.po td {padding: 5px; vertical-align: top; text-align: left; line-height: 1.25em; color: #333333;}
.po .header th {font-size: 12px; background: #f0f0f0; padding: 5px; color: Black;  border-top: 2px solid #c9c9c9; }
.po .header th.divider {border-right: 1px solid #fff; width: 35%;}
.po .row td {border-bottom: 1px solid #c9c9c9;}
.po .group td {background-color: Silver;    }
/*.po .even  {background: #f7f7f7;}
.po .even .divider {border-right: 1px solid #fff; width: 35%;}
.po .odd {background: #fff;}
.po .odd .divider {border-right: 1px solid #f0f4f7; width: 35%;}*/
.po .right {text-align: right;}
.po .center {text-align: center;}

.right {text-align: right;}
.center {text-align: center;}

.pox {margin: 0px 0;  width: 850px; border: 1px solid #c9c9c9;}
.pox th {padding: 5px; vertical-align: top; text-align: left; line-height: 1.25em; color: #333333; font-weight: bold;}
.pox th a {color: #3366CC; text-decoration: none; font-weight: bold;}
.pox th a:hover {color: #505050;text-decoration: underline;}
.pox td {padding: 5px; vertical-align: top; text-align: left; line-height: 1.25em; color: #333333;}
.pox .header th {font-size: 12px; background: #f0f0f0; padding: 5px; color: Black;  border-top: 2px solid #c9c9c9; }
.pox .header th.divider {border-right: 1px solid #fff;}
.pox .row td {border-bottom: 1px solid #c9c9c9;}
.pox .row .divider {border-right: 1px solid #c9c9c9;}
.pox .row .cdivider {border-right: 1px solid #c9c9c9;  text-align: center; }
.pox .group td {background-color: Silver;}
/*.po .even  {background: #f7f7f7;}
.po .even .divider {border-right: 1px solid #fff; width: 35%;}
.po .odd {background: #fff;}
.po .odd .divider {border-right: 1px solid #f0f4f7; width: 35%;}*/
.pox .right {text-align: right;}
.pox .center {text-align: center;}