/* root element for tabs  */
ul.tabs {  
	margin:0 !important; 
	padding: 0px 37px;
	height:61px;
/*	width:901px;*/
}
#tab-wrapper{
	position:relative;
	width:962px;
	margin:0 auto;
}
#tab-all{
/*	width:952px;*/
	margin:0 auto 2px auto;
	padding-left:13px;
}
/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
	background-color:#ffffff;
}
/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;
	font-size:13px;
	display:block;	
	text-decoration:none;	
	width:69px;
	height:63px;
	background:url(../images/tab_mask.png) no-repeat center;
	background-color:#000;
	color:#fff;
	margin-right:3px;
	position:relative;
	top:1px;	
}
ul.tabs a span{ 
	position:absolute;
	top:20px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	right:42%;
}
/* selected tab */
ul.tabs a.current {
	background:url(../images/tab-current-mask.png) no-repeat center;
	width:69px;
	height:63px;
	color:#fff;	
	cursor:default;
	z-index:1;
}
ul.tabs li#tab-6 a {
/*	background:url(../images/tab-mask-white.gif);	*/
/*	color:#000000;*/
}
ul.tabs li#tab-6 a.current {
/*	background:url(../images/tab-current-mask.png) #000000;	*/
	color:#ffffff;
}
/*
ul.tabs li#tab-s a{
	background-color:#3786be;
}
ul.tabs li#tab-1 a{
	background-color:#000000;
}
ul.tabs li#tab-2 a{
	background-color:#330000; 
	color:#fff;
}
ul.tabs li#tab-3 a{
	background-color:#cc0033;
}
ul.tabs li#tab-4 a{
	background-color:#ff9933;
}
ul.tabs li#tab-5 a{
	background-color:#ffcc00;
}
ul.tabs li#tab-7 a{
	background-color:#009966;
}
ul.tabs li#tab-8 a{
	background-color:#006699;
}
ul.tabs li#tab-9 a{
	background-color:#cc0066;
}
ul.tabs li#tab-10 a{
	background-color:#333399;
}
ul.tabs li#tab-11 a{
	background-color:#003366;
}
*/
ul.tabs li a{
	background-color:#ffffff;
}
/* tab pane */
div.panes .tabwrapper {
	display:none;
	border:1px solid #000;
	border-width:1px;
	min-height:241px;
        height:auto !important;
        height:241px;
	padding:15px 20px;
	background-color:#fff;
	width:819px;
	margin:0 auto 0 auto;
	position:relative;
	right:0px;
}
/* prev and next buttons */
.backward {
	display:block;
	width:37px;
	height:37px;
	cursor:pointer;
	position:absolute;
	bottom:135px;
	background:url(../images/prev_btn.png) no-repeat center;
}
.forward {
	display:block;
	width:37px;
	height:37px;
	cursor:pointer;
	position:absolute;
	bottom:135px;
	right:0px;
	background:url(../images/next_btn.png) no-repeat center;
}
/* next */
.forward 				{background-color:#000;}
.forward:hover 		{background-color:#3786be;}
/* prev */
.backward 				{background-color:#000;}
.backward:hover 		{background-color:#3786be;}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}
.tabSlide{
	width:401px;
	height:227px;
	/*border:1px solid #000;*/
	position:absolute;
	top:20px;
	left:20px;	
}
.tabText {
	font-size:14px;
	line-height:20px;
}
#tabpane-s .tabHeading { color:#3786be; }
#tabpane-1 .tabHeading { color:#000000; }
#tabpane-2 .tabHeading { color:#330000; }
#tabpane-3 .tabHeading { color:#cc0033; }
#tabpane-4 .tabHeading { color:#ff9933; }
#tabpane-5 .tabHeading { color:#ffcc00; }
#tabpane-6 .tabHeading { color:#000000; }
#tabpane-7 .tabHeading { color:#009966; }
#tabpane-8 .tabHeading { color:#006699; }
#tabpane-9 .tabHeading { color:#cc0066; }
#tabpane-10 .tabHeading { color:#333399; }
#tabpane-11 .tabHeading { color:#003366; }

.tabwrapper .tabHeading { 
	text-transform:uppercase;
	font-size:20px;
	line-height:24px;
	padding-bottom:0.5em;
}

.tabwrapper .tabContent {
	width:400px;
	position:absolute;
	top:20px;
	right:20px;
	text-align:left;
}

.theShoe-header {
	font-size:14px;
	line-height:20px;
}

h1#theShoe-header1  {
	text-transform:uppercase;
	font-size:32px;
	line-height:36px;
	position:relative;
	top:0.5em;
}
div.images .imgwrapper {
	display:none;
	/*height:241px;*/
	background-color:#fff;
	position:relative;
	right:2px;
	margin:0 auto;
}
.slideshow-wrapper{
	width:460px;
	position:relative;
}
.prev {
	display:block;
	width:39px;
	height:39px;
	cursor:pointer;
	position:absolute;
	bottom:30%;
	left:35px;
	background:url(../images/slide_back.png) no-repeat left top;
	z-index:15;
}
a.prev:hover{
	background:url(../images/slide_back.png) no-repeat left bottom;
}
.next {
	display:block;
	width:39px;
	height:39px;
	cursor:pointer;
	position:absolute;
	bottom:30%;
	right:35px;
	background:url(../images/slide_next.png) no-repeat left top;
	z-index:15;
}
a.next:hover{
	background:url(../images/slide_next_blue.png) no-repeat left bottom;
}