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

	Aruba Networks (arubanetworks.com)

	/css/products.css
	
	Copyright ? SolutionSet, 2006.

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

/*

Hack Explanation:
*property : applies to ALL version of IE
_property : applies to IE 6 and earlier

*/

#content .section {width: 838px;}
.section { /* any area that needs a dotted top border */
	border-top: 1px dotted #ccc;
	*border: none;
	*background: url("/i/dashborder_bg.gif") top left repeat-x;
	clear: both;
}

sup {font-size: 0.6em}

/* Products Page Columns */

/* 1 column */
#products-1 {
	float: left;
	width: 280px;
	padding: 15px 0 20px;
}

#products-1 ul {
	list-style-type: none;
	margin: 0;
	width: 260px;
}

#products-1 ul li {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1px;
	padding-bottom: 1px;
	width: 260px;
}

* html #products-1 ul li {border-bottom: none; padding-bottom: 3px; background: url("/i/dashborder_bg.gif") repeat-x bottom left;}

#products-1 ul li div {
	width: 260px;
	margin: 0;
}

/*#products-1 ul li div:hover, #products-1 ul li div.selected {padding: 0 5px 0 23px;background: #e0dfdb url("/i/solutions/app_arrow.gif") 10px 10px no-repeat;}*/

#products-1 h3 {
	padding-top: 3px;
}

#products-1 h3 a {
	color: #5E97D7;
}

#products-1 p {
	margin-top: 0;
	width: 260px;
}

#products-1 li p {
	margin: 0;
	padding: 0 0 8px;
}

/* 2 column */
#products-2 {
	float: left;
	width: 20px;
	padding: 15px 0 20px;
}

#products-2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0 5px 0 20px;
	width: 260px;
}

#products-2 ul li {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1px;
	padding-bottom: 1px;
	width: 260px;
}

* html #products-2 ul li {border-bottom: none; padding-bottom: 3px; background: url("/i/dashborder_bg.gif") repeat-x bottom left;}

#products-2 ul li div {
	width: 260px;
	margin: 0;
}

/*#products-2 ul li div:hover, #products-2 ul li div.selected {padding: 0 5px 0 23px; background: #e0dfdb url("/i/solutions/app_arrow.gif") 10px 10px no-repeat;}*/

#products-2 h3 {
	padding-top: 3px;
}

#products-2 h3 a {
	color: #5E97D7;
}

#products-2 p {
	margin-top: 0;
	width: 160px;
}

#products-2 li p {
	margin: 0;
	padding: 0 0 8px;
}

/* on products overview page */

#intro {float: left; width: 838px; background: url("/i/dashborder_bg.gif") 628px 0 repeat-y;}

#intro-text {float: left; width: 628px; padding-top: 5px;}
#intro-text p {margin: 0 0 10px 0; padding: 5px 20px 0 10px;}

#intro #news-wrapper {border-top: 1px dotted #ccc; padding-top: 1px;}
* html #intro #news-wrapper {border: none; padding-top: 2px; background: url("/i/dashborder_bg.gif") top left repeat-x;}

#intro #latest-news {padding: 15px 10px;}
* html #intro #latest-news {}

#intro #news-ticker {padding: 0 0 0 98px; background: url("/i/products/latest.gif") 10px 5px no-repeat;}

#intro #demo {float: right; width: 187px; padding: 10px 10px 0 13px;}
#intro #demo h3 {font-size: 1.2em; margin: 0 0 10px 0; padding: 0;}

#blurbs {
	background: url("/i/dashborder-vert4_bg.gif") -9px 0 repeat-y;
	z-index: 10;
}

#content #blurbs, #content #related {
	display: block;
	float: left;
	width: 838px;
	margin: 12px 0 0 0;
	position: relative;
	clear: left;
}

#blurbs li, #related li {
	list-style-type: none;
	padding: 0 17px 4em 18px;
	position: relative;
	float: left;
}

#blurbs li {
	position: static;
	padding-top: 3px;
}

#blurbs li.last-child {
	margin-left: 0;
	margin-right: 0;
}

#blurbs li h3, #blurbs li h3 a, #blurbs li h3 span {
	display: block;
	width: 174px;
	height: 80px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}
#blurbs li h3 span {
	position: absolute;
	top: 0;
	left: 0;
}
#blurbs li h3#mobictrl, #blurbs li h3#mobictrl span {
	background: url("/i/products/category_mobility.jpg") no-repeat;
}
#blurbs li h3#accesspts, #blurbs li h3#accesspts span {
	background: url("/i/products/category_access.jpg") no-repeat;
}
#blurbs li h3#arubaos, #blurbs li h3#arubaos span {
	background: url("/i/products/category_arubaos.jpg") no-repeat;
}
#blurbs li h3#mms, #blurbs li h3#mms span {
	background: url("/i/products/category_ma.jpg") no-repeat;
}

#content #blurbs li h3 a:hover span {background-position: 0px -80px; }

#blurbs li p {
	margin-top: 1em;
	width: 174px;	
}

#blurbs li li.learnmore, #blurbs li li.casestudy {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 10px;
	width: 70px;
	z-index: 1000;
}

#blurbs li li.casestudy {
	z-index: 1;
	text-align: right;
	width: 104px;
	padding-left: 70px;
}

#blurbs li a.os-soft-modules, #blurbs li a.os-soft-modules span {display: block; position: absolute; bottom: -33px; left: 18px; height: 28px; width: 175px; overflow: hidden;}
#blurbs li a.os-soft-modules span {top: 0; left: 0; background: url("/i/products/arubaos-sw-modules.gif") 0 0 no-repeat;}
#blurbs li a.os-soft-modules:hover span {background-position: 0 -28px;}

#content #related {z-index: 1; width: 836px; margin: 5px 0 0 0; padding: 0 2px 0 0;}

#related li {
	float: right;
	list-style-type: none;
	padding-right: 17px;
	padding-bottom: 1em;
}

#related li ul {
	position: relative;
	width: 174px;
	margin: 0;
	padding-bottom: 3px;
	background: url("/i/products/menu_rounded_corners.gif") bottom center no-repeat;
	left: -999em;
}
#related li ul.blank {
visibility: hidden;
}
#related li ul li {
	display: block;
	float: none;
	width: 154px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	margin: 0;
	padding: 2px 9px;
	clear: left;
	background: #fafafa;
}

#related li.sfhover ul, #related li:hover ul {
	left: 0;
}

#related li h4, #related li h4 span {
	display: block;
	width: 174px;
	height: 28px;
	overflow: hidden;
	position: relative;
}

#related li h4 span {
	position: absolute;
	top: 0;
	left: 0;
}

#related li h4#related-products, #related li h4#related-products span, #related li h4#related-accesspoints, #related li h4#related-accesspoints span, #related li h4#related-mgt, #related li h4#related-mgt span {
	background: url("/i/products/menu_products.gif") top left no-repeat;
}
#related li h4#related-software, #related li h4#related-software span {
	background: url("/i/products/menu_software.gif") top left no-repeat;
}
#wrapper #related li.sfhover h4 span, #wrapper #related li:hover h4 span {
	background-position: bottom left;
}

/* this is on the product category pages */
#content .primary ul.product-list {
	margin: 37px 0 0 0;
	list-style-type: none;
}

#content .primary ul.product-list li {
	clear: both;
}

#content .primary ul.product-list li img {float: left; margin-top: -2em; margin-bottom: 2em;}
* html #content .primary ul.product-list li img {margin-bottom: 1em;}
#content .primary ul.product-list li img.tall {margin-top: -4em;}

#content .primary ul.product-list li h4, #content .primary ul.product-list li p {
	margin-left: 160px;
	margin-top: 0;
	clear: none;
}
#content .primary ul.product-list li p {margin-bottom: 3em}

#content .primary h4.border-top {clear: both;}


#wrapper #content .supplementary .graphic {height: 13px; border-bottom: 1px dotted #ccc; padding: 14px 0 14px 10px;}
* html #wrapper #content .supplementary .graphic {border: none; padding-bottom: 15px; background: url("/i/dashborder_bg.gif") bottom left repeat-x;}
#wrapper #content .supplementary #arubaos a, #wrapper #content .supplementary #arubaos a span {display: block; height: 13px; width: 250px; overflow: hidden; background: url("/i/products/arubaos-g.gif") no-repeat;}
#wrapper #content .supplementary #antenna-options a, #wrapper #content .supplementary #antenna-options a span {display: block; height: 13px; width: 250px; overflow: hidden; background: url("/i/products/antenna-options.gif") no-repeat;}
#wrapper #content .supplementary #arubaos span, #wrapper #content .supplementary #antenna-options span {left: 10px; top: 14px;}
#wrapper #content .supplementary #arubaos a:hover span, #wrapper #content .supplementary #antenna-options a:hover span {background-position: 0 -13px;}



#content .supplementary h5 {margin-top: 8px;}

#content .supplementary #featureStory {
	padding: 12px 20px 19px 10px;
	border-bottom: 1px dotted #ccc;
	_border: 0;
	_background: url("/i/dashborder_bg.gif") bottom left repeat-x;
}

#content .supplementary #featureLinks {padding: 8px 20px 19px 10px;}
#content .supplementary #featureLinks li {padding-bottom: .2em;}

#content .supplementary #productLine {
	background: #f9f9fb;
	padding: 14px 10px 4px 10px;
	margin: 2px 0 0 2px;
}
* html #content .supplementary #productLine {margin-top: 1px;}

#content .supplementary #productLine table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	background: transparent;
	padding: 0;
}

#content .supplementary #productLine table th {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding-top: 2.0em;
	padding-bottom: 0.5em;
}

#content .supplementary #productLine table td {
	font-size: 1.1em;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 1.0em;
}

#content .supplementary #productLine table th.first-child, #content .supplementary #productLine table td.first-child {
	text-align: left;
}

#content .supplementary #productLine table td.last-child, #content .supplementary #productLine table th.last-child{
	text-align: left;
	padding-left: 5px;
}

#content .supplementary #productLine table caption {
	font: bold 1.2em Arial,sans-serif;
	color: #EC8100;
	text-align: left;
}

#wrapper #content h5 a {font-weight: bold !important;}

/* Product Details page (e.g. Aruba 6000) */
#content-product {float: left; width: 838px; padding: 0 10px; background: url("/i/dashborder_bg.gif") 670px 0 repeat-y;}

.product-item  {
width: 838px;
}
.product-item .primary {
width: 648px;
padding: 10px 14px 9px 0;
}
.product-item .primary ul {
padding: 0;
margin: 0;
}
.product-item .primary ul li img, #product-desc img {
float: left;
padding: 0 20px 0 10px;
}

.product-item .primary ul {
list-style: none;
}	
.product-item .primary ul li h3, .product-item .primary ul li p, #product-desc h3, #product-desc p {
margin: 0 0 10px 185px;
}

.product-item .secondary {
padding-bottom: 10px;
width: 175px;
}
.product-item .secondary .rightcol {
padding: 20px 0 0 10px;
color: #666;
}
.product-item .secondary .rightcol ul {font-size: 1.1em;}
.product-item .secondary .rightcol li.selected {font-weight: bold;}
.product-item .secondary .docdownload {
margin: -10px 0 0 0;
padding: 0 0 0 10px;
}
.product-item .secondary #livechat {
padding: 10px 0 10px 10px;
}
.product-item .secondary #livechat a {
background: url("/i/company/Live-Chat_v1.gif") no-repeat top left;
display: block;
width: 153px;
height: 44px;
text-indent: -5000px;
-moz-outline-style: none;
}
.product-item .secondary #livechat a:hover {
background-position: 0 -44px;
}
.product-item .secondary #arubaSoftware {
padding: 10px 0 10px 10px;
}
.product-item .secondary #arubaSoftware a {
background: url("/i/products/software_btn.gif") no-repeat top left;
display: block;
width: 143px;
height: 29px;
text-indent: -5000px;
-moz-outline-style: none;
}
.product-item .secondary #arubaSoftware a:hover {
background-position: 0 -29px;
}
.secondary #antenna-options {
padding: 10px 0 10px 10px;
}
.secondary #antenna-options a {
height: 13px; 
width: 130px; 
background: #fff url("/i/products/antenna-options.gif") no-repeat top left;  
-moz-outline-style: none;
overflow: hidden;
text-indent: -5000px; 
display: block; 
}
.secondary #antenna-options a:hover {background-position: 0 -13px;}



.product-item .spec-head {
height: 30px;
margin: 10px 0 0 0;
vertical-align: middle;
}
#item-bottom .primary h4 {padding-left: 10px;}
#item-bottom.product-item .spec-head .printMe {
background: url("/i/print_icon.gif") no-repeat top left;
height: 13px;
width: 43px;
margin: -15px 3px 0 0;
}

#product-content ul, #content ol {margin-left: 30px;}
#product-content ul {list-style-type: square;}
#product-content li {margin-bottom: .4em;}

/*Accordian styles*/
/* For hover and active states of the accordian tabs, modify the styles in the js file: /js/product-accordion.js */
#item-bottom h5.toggler {
	background: #f1f1f1;
	width: 100%;
	display: block;
	border-bottom: 1px solid #fff;
	vertical-align: middle;
	height: 31px;
	font-size: 1em;
	overflow: hidden;
	margin: 0;
}
#item-bottom h5.toggler a {
	outline: none;
	display: block;
	color: #4d8abe;
	font-size: 1.1em;
	font-weight: normal;
	padding: 7px 0 0 15px;
}
.product-item .accordion {
background: #fbfbfb url("/i/products/orange_data.jpg") repeat-y top left;
width: 100%;
}
.product-item .datatable {
width: 96%;
margin: 0 11px 0 9px;
vertical-align: middle;
color: #666;
}
.product-item .datatable td, .product-item .datatable th {
padding: .6em 2px .6em 4px;
}
.product-item .datatable th {border-top: 1px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; font-size: 1.1em; text-align: left;}
.product-item .datatable th.first {border-top: none;}
.product-item .datatable td {

border-bottom: 1px solid #f1f1f1;
}
.product-item .datatable .lastrow {
border: 0;
}

/*USB Devices Page */
.usb_devices h3 {
padding-bottom: -5px;
margin-bottom: -5px;
}
.usb_devices table td {
padding: 4px;
background: #fff;
}
.usb_devices table th {
padding: 4px;
background: #f9f9fb;
}
.usb_devices table {
background: #f1f1f1;
margin-bottom: 15px;
}

/* One column layout (Matrixes) */
#content.onecol {padding: 10px 10px 2em 20px; width: 828px;}

#content.onecol h3 {margin-bottom: 1em;}

/*#matrix {border-collapse: collapse; width: 100%;}*/
#matrix {table-layout: fixed; width: 2000px; border-collapse: collapse;}

#matrix th, #matrix td {border-left: 1px solid #d3d3d3; padding: 3px 4px; font-size: 1.1em; text-align: left;}
#matrix td {padding-left: 8px; border-top: 1px solid #d3d3d3; vertical-align: top;}
#matrix thead th {padding-top: 6px;}
#matrix tbody th {padding-left: 8px; border-top: 1px solid #d3d3d3; border-left: none;}

#matrix th.features {border-left: none; padding-left: 8px; font-size: 2em; vertical-align: bottom; color: #EC8100;}
#matrix .equal {width: 12%;}
#matrix .evenRow {background: #f3f3f3;}
#matrix .center {text-align: center;}
#matrix .border-bottom {border-bottom: 1px solid #d3d3d3;}
#matrix th.subH {font-weight: normal; font-style: italic;}

#matrix tr.last th, #matrix tr.last th {padding-bottom: 6px;}

/*#matrix.access-points .equal {width: 10%;}*/

#matrix ul {margin: 3px 0 0 15px; list-style-type: square; font-size: 1em;}

#pl_main {width: 700px; margin: 20px auto; font-family: Arial; font-size: 14px; line-height: 18px; color: #333;}
table.gallery {padding: 5px; width: 100%;}
table.gallery td {text-align: center;}
table.gallery img {padding: 5px; margin: 2px; border: 1px solid #ccc; max-width: 120px; max-height: 120px;}
.mbf-item {display: none; }

/* ---------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
/* allow WinIE to scale 100% width of browser by not defining a width                   */
/* WARNING: applying a background here may cause problems with scrolling in WinIE 5.x   */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	_height: 385px;
	max-height: 385px;
	overflow: auto;
	width: 828px;
}
/* define width of table. IE browsers only                 */
/* if width is set to 100%, you can remove the width       */
/* property from div.tableContainer and have the div scale */
div.tableContainer table {
	float: left;
	width: 100%;
}


/* ---------------- */
#features-benefits {font-size: 1.1em; border-collapse: collapse; margin-bottom: 2em; background: #f1f1f1;}
#features-benefits caption {display: none;}
#features-benefits th, #features-benefits td { border-bottom: 1px solid #fafafa; padding: 8px 15px 8px 5px;}
#features-benefits th {font-size: 1.1em; border-bottom: 2px solid #fff; text-align: left;}
#features-benefits th.first-child, #features-benefits td.first-child {width: 40%; padding: 8px 5px 8px 15px;}