﻿
body.gcr #grid_view .grid12.vg-home-gallery .content h2,
body.gcr #grid_view .grid12.vg-office-gallery .content h2,
body.gcr #grid_view .grid12.vg-data-center-enterprise .content h2,
body.gcr #grid_view .grid12.vg-hp-labs .content h2 {
	padding:20px 0 0 20px;
	width:220px;
}
body.gcr #grid_view .grid12.vg-home-gallery:hover .mask,
body.gcr #grid_view .grid12.vg-office-gallery:hover .mask,
body.gcr #grid_view .grid12.vg-data-center-enterprise:hover .mask,
body.gcr #grid_view .grid12.vg-hp-labs:hover .mask{
display:block;
}
#content-grid
{
    width:1600px;
    float:left;
}
.grid11 .mask a
{
    cursor:pointer;
}
.grid-links
{
    padding-top:5px;    
}
body.gcr #grid_view .grid11:hover .mask{
    display:block;
    opacity:.9;
    filter:alpha(opacity=90);
    background:#000000;

    
}
body.gcr #grid_view .grid11 .mask > div{
    position:absolute;
    bottom:0;
    padding:5px;
}
body.gcr #grid_view .grid11 .mask > div h3
{
    margin-bottom:3px;
}
body.gcr .grid-links a
{
    padding-bottom:5px;
}


body.gcr #grid_view .grid11, body.gcr #grid_view .grid11 .mask,#content-grid .grid11 .content a{
    width:279px;
    height:192px;
}
#content-grid .grid11
{
    float:left;
    position:relative;
    margin-right:1px;
    margin-bottom:1px;
}
#content-grid .grid11 .mask a,#content-grid .grid11 .mask a:active,#content-grid .grid11 .mask a:hover,#content-grid .grid11 .mask a:link
{
    display:block;
    color:#FFFFFF;
    text-decoration:underline;
}


#grid_view sup a,#grid_view sup a:active,#grid_view sup a:hover,#grid_view sup a:link,#grid_view sup a:visited,#grid_view sup a:link
{
    display:inline !important;
    color:#FFFFFF !important;
    text-decoration:underline;
}
body.gcr #grid_view .grid12.vg-home-gallery {
	background:url(../images/Home_Gallery.jpg) no-repeat scroll -180px 0 transparent;
}
body.gcr #grid_view .grid12.vg-office-gallery {
	background:url(../images/Office_Gallery.jpg) no-repeat scroll -360px 0 transparent;
}
body.gcr #grid_view .grid12.vg-data-center-enterprise {
	background:url(../images/vg-c.png) no-repeat scroll 0 0 transparent;
	background:url(../images/data_center_gallery.jpg) no-repeat scroll -160px 0 transparent;
}
body.gcr #grid_view .grid12.vg-hp-labs {
	background:url(../images/vg-d.png) no-repeat scroll 0 0 transparent;
	background:url(../images/lab_gallery.jpg) no-repeat scroll -170px 0 transparent;
}
body.gcr div.body div#tray{margin-bottom:0px;}
area
{
    cursor:pointer;
}
#item-panel h3{margin-bottom:5px;}
#item-panel a{margin:7PX 0 7PX 0;}
#item-panel a.close{margin:0;}

#item-panel-wrapper
{
    position:absolute;
    width:233px;
    height:375px;
    color:#FFFFFF;
    left:4px;
    top:4px;
    display:none;
    z-index:1000;
    /*border: solid 1px #a4a4a4;*/
}
.ie sup
{
    vertical-align:top;
}
sup
{
    font-size:8px;
    vertical-align:super;
}


h3 sup
{
    font-size:10px;
}
.gridintro{padding-right:10px;}
.gridintro sup
{
    font-size:9px;
}
.item-transparent-layer
{
    background:black;
    filter:alpha(opacity=90);
    opacity:0.9;
    width:234px;
    height:377px;
    position:absolute;
}
#item-panel{
    padding:10px;
    position:absolute;
    z-index:2;
}
#item-panel a
{
    cursor:pointer;
    text-decoration:underline;
}
#item-panel span.sup
{
    top:-5px;
    position:relative;
    font-size:8px;
    text-decoration:none;
}
#item-panel a.custom
{
    text-decoration:none;
    border-bottom:solid 1px #FFF;
    height:12px;
    display:inline-block;
}
body.gcr #grid_view .content #item-panel p{
    margin:0;
}
#item-panel hr
{
    color:#000000;
    background-color:#000000;
    outline:one;
    border-style:none;
    border-width:0;
}


#item-panel .close,.modal .close{
    position:absolute;
    top:-4px;
    right:-4px;
    cursor:pointer;
}
#item-panel
{
    clear:both;
}
#item-panel div.image{
    text-align:center;
    padding-bottom:4px;
}
#item-panel div.image img{
    max-width:190px;
    max-height:100px;
}
body.gcr #grid_view .content p, #item-panel a, #item-panel a:hover, #item-panel a:visited, #item-panel a:link
{
    color:#FFFFFF;
}
.modal
{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 49;
}

.modal .box{
    top:150px;
    padding: 0 6px;
    position: relative;
    z-index: 50;
    width:475px;
    margin:auto;
}
.lightsout{
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.8;
    filter:alpha(opacity=80);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 49;
}
#item-panel .video-link
{
    height:24px;
    display:block;
    margin:13px 0 13px 0;
}
.video-link span
{
    display:block;
    float:left;
    width:175px;
}
.video-link img
{
    float:left;
}
/*div#body,div#tray,div.body{width:100%;}*/

.product-select{position:absolute;cursor:pointer;}
.grid-12 .content{position:relative;}
#header .right .pad{display:none;}
#item-panel .link.buy{background: url('../images/buy_product.png') no-repeat;display:block;height:26px;width:132px;text-align:center;line-height:25px;margin:auto;text-decoration:none;margin:10px auto;border:0 none;}

#product-list{display:none;position:absolute;top:20px;right:20px;z-index:2;color:#FFFFFF;z-index:1000;}
#product-list .product-content{background:url('../images/expand.png') no-repeat 5px 5px #000;width:200px;}
#product-list tr{margin:0;padding:0;}
#product-list td{margin:0;padding:0;}
#product-list > a{padding-left:20px;}
#product-list .top-left{background:url(../images/product-list_top_left.png) no-repeat 0 0;height:4px;width:4px;}
#product-list .top{background:url(../images/product-list_top.png) repeat-x 0 0;}
#product-list .top-right{background:url(../images/product-list_top_right.png) no-repeat 0 0;width:4px;}
#product-list .left{background:url(../images/product-list_left.png) repeat-y 0 0;}
#product-list .right{background:url(../images/product-list_right.png) repeat-y 0 0;}
#product-list .bottom-left{background:url(../images/product-list_bottom_left.png) no-repeat 0 0;height:4px;}
#product-list .bottom{background:url(../images/product-list_bottom.png) repeat-x 0 0;}
#product-list .bottom-right{background:url(../images/product-list_bottom_right.png) no-repeat 0 0;}
#product-list a{font-size:12px;}
#product-list a.solutionList{font-size:13px;padding-top:1px;display:block;padding-left:20px;}
#product-list.expanded{background:url('../images/contract.png') no-repeat #000000 7px 3px;}
#product-list ul{list-style-type:none;display:none;padding:0;padding:5px 5px 0;width:190px;margin:0;}
#product-list ul li{padding:0;padding-bottom:7px;margin:0;}
#product-list a,#product-list a:visited,#product-list a:hover,#product-list a:active,#product-list a:link{cursor:pointer;color:#FFFFFF;text-decoration:none;}
.back-button{background:url('../images/back.png') no-repeat;height:19px;width:50px;display:block;padding-bottom:10px;}
.home-button{background:url('../images/home.png') no-repeat;height:19px;width:50px;display:block;padding-bottom:10px;}

body.gcr #grid_view .gridintro .content{padding-top:5px;}

/*Footnotes*/
.footnotes{padding:20px;}
.footnotes ul,.footnotes ul li{list-style-type:none;} 
.footnotes ul{width:900px;padding-left:0;}
.footnotes ul li{padding-bottom:10px;clear:both;margin-bottom:10px;padding-left:0;}
.footnotes ul a,.footnotes ul a:link,.footnotes ul a:active,.footnotes ul a:hover{color:#0098C7;}
.footnotes ul li span{display:block;float:left;width:840px;padding-bottom:7px;}
.footnotes ul li span.column-one{width:20px;}

#silverlightcontrol{top:0;opacity:0;filter:alpha(opacity=0);}

body.gcr #grid_view .gridintro{background:none;width:279px;}
body.gcr #grid_view .gridintro .content{width:259px;}
body.gcr #grid_view .gridintro .content p,
body.gcr #grid_view .gridintro .content h2{color:#FFFFFF !important;}
body.gcr #grid_view .gridintro .content h2{font-size:23px;font-weight:normal;}
body.gcr div.body div#tray, body.gcr div.body div#tray .tray_view{padding:15px 0 15px 0;}

/*Fixes for columns*/
.tworowspan{width:279px;float:left;}
body.gcr #grid_view .tworowspan .grid11{height:385px;}
body.gcr #grid_view .tworowspan .grid11 .mask{height:385px;}
.singlerowspan{float:left;vertical-align:}
