.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*/

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

.bodycontainer  h2{
  font-size:13px;
}
  
.bodycontainer  h3{
  font-size:14px;
}

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

#footer{
  margin-top:41px;
}

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

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

.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;
  width: 940px;
  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:453px;
  height:205px;
	border:1px solid #dadada;
  padding-left:15px;
  padding-top:10px;
  position:relative;
}

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

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

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

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

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

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

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

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

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

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

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

#product-select .enclosure 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:70px; 
  width:146px;
  cursor:pointer;
  position: absolute;
  margin: 0;
}

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

.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 {
	width: 960px;
	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-left:15px;
}


#resource-center .view-all{
  font-size: 10px;
  font-weight: normal;
  color: #39C;
  visibility:hidden;
  cursor: hand;
  cursor: pointer;
  margin-left: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;
}

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

#resource-center .spec-sheets{
  height:130px;
	padding-left:45px;
  width:274px;
}

#resource-center .white-papers{
	padding-left:46px;
  width:267px;
}

#resource-center .brochures{
	padding-left:49px;
  width:274px;
}

#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-left: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-left: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;
}

.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;
}

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

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