body{
  margin:0;
  padding:0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

/*Type*/
#pe{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#pe h2, #pe h3{
  margin:0;
  padding:0;
  color:#333333;
}

#pe h2{
  font-size:13px;
}
  
#pe h3{
  font-size:14px;
}

/*Layout*/
#header, #footer{
  text-align:center;
}

#footer{
  margin-top:41px;
}

#pe{
  width:960px;
  margin:0 auto;
}

#pe-flash-holder {
  padding: 0 0 20px;
  width: 960px;
  height: 512px;
}

.pe-container-2col{
  overflow:hidden;
  margin-bottom:20px;
}

.pe-container-2col .pe-vid-section {
	float:left;
}

.pe-vid-section.first {
	 float: left;
}

.pe-vid-section.last {
   float: right;
}

/*Style*/
.roundcorner{
  display:block;
  width:10px;
  height:10px;
  background:url(../images/rounded-corners.png) no-repeat;
  position:absolute;
}

.top-left-cnr{
  background-position:left top;
  left:-1px;
  top:-1px;
}

.top-right-cnr{
  background-position:right top;
  right:-1px;
  top:-1px;
}

.bottom-left-cnr{
  background-position:left bottom;
  left:-1px;
  bottom:-1px;
}

.bottom-right-cnr{
  background-position:right bottom;
  right:-1px;
  bottom:-1px;
}

/*Flash*/
#pe-flash{
  margin-bottom:20px;
}

#pe-flash:focus{
  outline:none;
}

/*Server Select Layout*/
#product-select{
  height:199px;
  background:url(../images/bg-product-select.jpg) repeat-x left bottom;
  border:1px solid #dadada;
  padding:6px 0 18px 18px;
  margin-bottom:20px;
  position:relative;
}

.pe-vid-section{
  width:438px;
  height:205px;
	border:1px solid #dadada;
  padding: 10px 15px 0;
  position:relative;
  zoom: 1;
}

.pe-product-line{
  position:relative;
  height:223px;
  float:left;
}

#product-select .last{
  margin-right:0;
}

#pe .pe-product-line h2{
	color:#0085c3;
  font-size:18px;
  margin-bottom:6px;
}

.pe-product-line img{
  display:block;
  position:absolute;
  bottom:0;
}

#product-select .server_0{
	width:248px;
}

#product-select .server_1{
  width:253px;
}

#product-select .server_2{
  width:250px;
}

#product-select .server_3{
  width:188px;
}

#product-select .server_0 img, {
  left:9px;
}

#product-select .server_1 img{
  left:-14px;
}

#product-select .server_2 img{
  left:39px;
}

#product-select .server_3 img{
  left:8px;
}

.pe-product-line select{
  width:176px;
}

.videos {
  margin-top: 16px;
  position: relative;
}


/* Video Layout*/
.pe-video {
  background-image:url(../images/video-thumb.png); 
	background-repeat:no-repeat; 
  padding-left:70px; 
  height:60px; 
  width:146px;
  cursor:pointer;
  position: absolute;
  margin: 0;
  left: 0;
}

.pe-video.vidRight {
  left: 226px;
}

.pe-video dt{
  font-size:13px;
}

.pe-video dt a {
  text-decoration:none;
  color:#3399cc;
}

.pe-video dt a:hover {
  text-decoration:underline;
}


.pe-video dd {
  margin:0;
}

.pe-video .time {
  color:#666666;
  font-size:11px;
}

/*Resource Center*/
#resource-center {
	border:1px solid #dadada;
  position:relative;
}

#resource-center.close{
  background:url(../images/bg-resourcecenter-closed.png) repeat-x;
}


#resource-center h2 {
  height: 30px;
  line-height:30px;
  padding:0 15px;
}


#resource-center .view-all{
  font-size: 10px;
  font-weight: normal;
  color: #39C;
  visibility:hidden;
  cursor: hand;
  cursor: pointer;
  margin:0 7px;
}

#resource-center.close .view-all{
  visibility:visible;
}

#resource-center .toggle-button {
  cursor: pointer;
  cursor: hand;
  width:22px;
  height:20px;
  background:url(../images/button-toggle.png) no-repeat 0 0;
  float: left;
  margin: 5px 10px 0 0;
  
}

#resource-center .toggle-button.close {
  background-position: 0 -20px;
}

#resource-center a{
  color:#0066cc;
  font-size:11px;
  text-decoration:none;
}

#resource-center .container {
  padding: 17px 0 48px;
  border-top:1px solid #dadada;
  height: 130px;
  width: 958px;
  zoom: 1;
  position: relative;
}

#resource-center .content{
  background: url('../images/bg-resources.png') repeat-y;
}

#resource-center .resource_0{
  height:130px;
	padding:0 20px;
  width:279px;
}

#resource-center .resource_1{
  height:130px;
	padding:0 20px;
  width:279px;
}

#resource-center .resource_2{
  height:130px;
	padding:0 20px;
  width:279px;
}

#resource-center .content .last{
  border-right:none;
}

.document-section {
  /*overflow:auto;*/
  float:left;
  position:relative;
}

#resource-center .document-section h3{
  margin-bottom:5px;
}

ul.resources {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}

ul.resources li {
  width: 137px;
  height:19px;
}

ul.resources li {
  position: absolute;
}

ul.resources .rcLeft {
  left: 0;
}

ul.resources .rcRight {
  left: 137px;
}

ul.resources li.reset {
  top: 0;
}

ul.pageNav {
  list-style:none;
  float: right;
}

ul.pageNav li {
  float: left;
}


/*iframe segment*/
#segment{
  font-family:Arial, Helvetica, sans-serif;
}

#segment h1{
  font-size:19px;
  color:#333;
  padding: 0 16px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-bottom:23px;
  margin-top:4px;
}

#segment ul{
  list-style-type:none;
  padding:0;
  margin:0 0 0 7px;
}

#segment li{
  background:url(http://i.dell.com/images/global/brand/ui/secondary.gif) no-repeat 0 50%;
 	font-size:12px;
  padding:0 9px;
  margin-bottom:11px;
}

#segment a{
  color:#06C;
  text-decoration:none;
}

#segment a:hover{
   text-decoration:underline;
}

#segment a:visited{
   color:#245493;
}

ul.videos {
  margin: 0;
  padding: 0;
}

/*Pager styles*/
.pageNav{
  position:absolute;
  bottom:8px;
  right:12px;
  font-size:11px;
  color:#666666;
}

.pageNav .message{
  line-height:25px;
  height:25px;
  display:inline-block;
  padding-right:11px;
  margin-right:7px;
  border-right:1px solid #ccc;
  float: left;
}

.document-section .pageNav{
  bottom:-35px;
}

.pageNav .prev, .pageNav .next{
  display:inline-block;
  width:9px;
  height:14px;
  background-image:url(../images/arrow-carousel.png);
  text-indent:-999em;
  margin-top:3px;
  float: left;
}

.pageNav .prev{
  background-position:0 0;
  margin-right:6px;
}

.pageNav .next{
  background-position:9px 0;
}