.shadetabs-pp{
margin: 0;
font: normal 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
overflow:hidden;
width:370px;
}

.shadetabs-pp div{
display: block;
margin: 0;
color: #2d2b2b;
line-height:24px;
position: relative;
float:left;
background-color:none;
padding:0;
font-size:12px;
}

#tab_details {
	background: white url(images/tab-s-inactive-design.gif) top left no-repeat;
	background-color:transparent;
	padding: 0px 3px 0px 7px;
	height:24px;
	width:62px !important;
	width:71px;
	z-index:3;
	margin:0px;
}

#tab_delivery {
	background: white url(images/tab-s-inactive-delivery.gif) top left no-repeat;
	background-color:transparent;
	padding: 0px 3px 0px 16px;
	height:24px;
	width:104px !important;
	width:123px;
	left:-17px;
	z-index:2;
	margin:0px;
}

#tab_substitution {
	background: white url(images/tab-s-inactive-substitution.gif) top left no-repeat;
	background-color:transparent;
	padding: 0px 3px 0px 16px;
	height:24px;
	width:134px !important;
	width:153px;
	left:-35px;
	z-index:1;
	margin:0px;
}

/* Seems IE needs this */
#tab_details a, #tab_substitution a, #tab_delivery a {
	font-size:12px;
}

.shadetabs-pp div a{
	font-size:12px;
	text-decoration: none;
	margin: 0;
	overflow:hidden;
	color:#000000;font-size:12px;
}

.shadetabs-pp div a:visited{
	color:#000000;font-size:12px;
}

.shadetabs-pp div a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}

.tabcontentstyle-pp{ /*style of tab content container*/
	width: 295px !important;
	width: 313px;
	margin-bottom: 1em;
	margin-top:0px;
	padding: 24px 8px;
	font-size:11px;
	position:relative;
	top:0px !important;
	top:-1px;
	border-color:#000000;
 border-style:solid;
 border-width:0px 1px 1px 1px;
}

.tabcontent-pp{
display:none;
}

@media print {
.tabcontent-pp {
display:block!important;
}
}