﻿.projectcategorytabs {
	background: #e0e0e0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2f2f2), to(#e0e0e0));
	background: -webkit-linear-gradient(#f2f2f2, #e0e0e0);
	background: -moz-linear-gradient(#f2f2f2, #e0e0e0);
	background: -ms-linear-gradient(#f2f2f2, #e0e0e0);
	background: -o-linear-gradient(#f2f2f2, #e0e0e0);
	background: linear-gradient(#f2f2f2, #e0e0e0);
	-pie-background: linear-gradient(#f2f2f2, #e0e0e0);
	behavior: url(/include/PIE.htc);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#000 !important;
	height:40px;
	padding:0 50px;
	position:relative;
	margin:30px 0;
	text-align: center;
	text-decoration:none !important;
	width:auto;
}

/* single tab */
.projectcategorytabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab */
.projectcategorytabs a { 
	font:bold 17px/1 Arial, Helvetica, sans-serif;
	display:block;
	height: 30px;  
	line-height:30px;
	border-right:1px solid #fff;
	text-align:center;	
	text-decoration:none;
	color:#59595c;
	padding:5px 20px;
}
.projectcategorytabs a:active {
	outline:none;	
}
.projectcategorytabs a.current {
	color:#e77825;
}

/* initially all panes are hidden
.projectcategorypanes {
	display:none;		
} */ 
.scrollable {
    height: 570px;
    width: 950px;
    overflow: hidden;
    position: relative;
}
.vertical {height: 570px;}
.scrollable .items {
    position: absolute;
    width: 20000em;
}
.vertical .items {
	height:20000em;
	width:950px;
}
.items .panel {
    float: left;
    height: 570px;
    width: 950px;
}
.vertical .panel {
	float:none;
}
a.actions {
	bottom:10px;
    cursor: pointer;
    left: 35px;
	text-align:center;
    position: absolute;
    text-decoration: none;
    width: 30px;
    z-index: 1000;
}
a.disabled {
	display:none;
}
a.next {
    background: url(/images/template/arrows.png) no-repeat scroll center right;
    right:25px;
	left:auto;
}
a.prev {
    background: url(/images/template/arrows.png) no-repeat scroll center left;
}
.scrollable.swatches {
    height: 165px;
    width: 250px;
}
.swatchthumbs img {margin:0 10px 10px 0;}
.scrollable.details, .contentWrap {
	position:relative;
    height: 450px;
    width: 900px;
}
.overlayscrollable .summary {
	height:270px;
    margin:0 0 10px;
    overflow:auto;
    padding:0 10px 0 0;
}
a.details-next{
    background: url(/images/template/arrows.png) no-repeat scroll center right;
	width:30px;
    left: 530px;
}
a.details-prev{
    background: url(/images/template/arrows.png) no-repeat scroll center left;
	text-align:right;
	width:30px;
}
.apple_overlay {
	display:none;
	background-image:url(/images/overlay/white.png);
	width:900px;
	height:460px;
	padding:40px;
	font-size:13px;
}
.apple_overlay .close {
	background-image:url(/images/overlay/apple-close.png);
	position:absolute;
	right:14px;
	top:15px;
	cursor:pointer;
	height:28px;
	width:28px;
}