/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers
----------------------------------*/
.ui-widget { font:normal 12px 'Tahoma', Arial, Helvetica, sans-serif; background:#fff; border:solid 3px #D63316 }
.ui-widget-content {  color: #222222; text-align:center; height:auto; }
/*.ui-widget-content img { padding-top:10px; padding-bottom:10px;}*/
.ui-widget-header { color: #222222; height: 23px; border-bottom: solid 1px #d7c8ab; background:#D63316; }
.ui-widget-header  a {color:#fff;}

/* Tabs
----------------------------------*/
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin-right: 1px; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0; text-indent: -9999px; height: 31px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-position: left top !important }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs {
	padding-bottom: 12px;
	}
	
#tabs ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
ul.tab-links {
	background: #fff;
	height: 31px;
}	
ul.tab-links li {
	padding: 0;
	margin: 0px;
	float: left;
}	
ul.tab-links li.text {
float:left;}	
ul.tab-links li.text p {
padding:4px 0 0 16px;
font-size:11px; }

.tabs-1_container {
	background:#f2e3c6;
	border-left: solid 1px #d7c8ab;
	border-right: solid 1px #d7c8ab;
	border-bottom: solid 1px #d7c8ab;
	padding: 10px 0px 12px 12px;}
#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5 {
	clear: left;
	width:877px;
	padding: 4px 0px 0px 6px;
	border: solid 1px #d7c8ab;
	background: #fff;}
#tabs li.selected a {
	background-position: left top !important;}
	
#tabs #tab-art-1 a{
	text-indent: -9999px;
	float: left;
	height: 31px;
	margin-right: 1px;
	width: 87px;
	background: url(/images/nav-wallart.gif) no-repeat left bottom;
}	
#tabs #tab-art-1 a:hover{
	background: url(/images/nav-wallart.gif) no-repeat left top;
}
#tabs #tab-art-2 a{
	text-indent: -9999px;
	float: left;
	height: 31px;
	margin-right: 1px;
	width: 112px;
	background: url(/images/nav-exterior.gif) no-repeat left bottom;
}
#tabs #tab-art-2 a:hover{
	background: url(/images/nav-exterior.gif) no-repeat left top;
}
#tabs #tab-art-3 a{
	text-indent: -9999px;
	float: left;
	height: 31px;
	margin-right: 1px;
	width: 130px;
	background: url(/images/nav-brooches.gif) no-repeat left bottom;
}
#tabs #tab-art-3 a:hover{
	background: url(/images/nav-brooches.gif) no-repeat left top;
}
#tabs #tab-art-4 a{
	text-indent: -9999px;
	float: left;
	height: 31px;
	margin-right: 1px;
	width: 69px;
	background: url(/images/nav-lamps.gif) no-repeat left bottom;
}
#tabs #tab-art-4 a:hover{
	background: url(/images/nav-lamps.gif) no-repeat left top;
}
#tabs #tab-art-5 a{
	text-indent: -9999px;
	float: left;
	height: 31px;
	margin-right: 1px;
	width: 97px;
	background: url(/images/nav-wallpaper.gif) no-repeat left bottom;
}
#tabs #tab-art-5 a:hover{
	background: url(/images/nav-wallpaper.gif) no-repeat left top;
}
#tabs #tab-art-6 a{
	text-indent: -9999px;
	float: left;
	height: 31px;
	margin-right: 1px;
	width: 112px;
	background: url(/images/nav-instore.gif) no-repeat left bottom;
}
#tabs #tab-art-6 a:hover{
	background: url(/images/nav-instore.gif) no-repeat left top;
}	
	
#tabs #nav-forum a:hover{
	background: url(/images/nav-forum.gif) no-repeat left bottom;
}	



/* Art Selector */
	.art-selector {}
		.art-selector li {
		float:left;
		padding:0 4px 4px 0;}
			.art-selector li img {
			padding:0;
			margin:0;}
		
		.art-selector li a {
		display:block;
		background: url(/images/tnail-shadow.jpg) right bottom no-repeat;
		width:30px;
		height:30px;
		padding:0 1px 1px 0;
		margin:0;}