/* Begin General Styles /////////////////////////////////////////// */

body, html {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #999 url('../images/bg.png') repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-width: 1000px;
	height: 100%;
}

input, select, .forms, textarea {
	font-size: 10px;
	border: 1px solid #ccc;
}

textarea {
	overflow: auto;
}

#background {
	min-width: 1000px;
	min-height: 100%;
	background: url('../images/bg3.png') repeat-x;
}  

#background2 {
	background: url('../images/bg2.png') no-repeat;
}

.center {
	text-align: center;
}

.clear {
	display: block;
	clear: both;
}

#site-container {
	width: 960px;
	min-height: 100%;
	margin: auto;
	text-align: left;
}

.submit input, .submit .forms {
	border: none;
}

.white {
	color: #fff;
}

/* End General Styles ///////////////////////////////////////////// */



/* Begin Header Styles //////////////////////////////////////////// */

#header {
	height: 115px;
	border-bottom: 1px solid #5f5f5f;
	padding-top: 24px;
}

#header h1 {
	float: left;
	margin: 0 0 0 -25px;
}

#header h1 a span {
	width: 235px;
	height: 110px;
}

#header h1 a span, #header ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#header[id] h1 a span {
	background: url('../images/logo.png');
}

#header ul {
	float: right;
	width: 473px;
	list-style: none;
}

#header ul, #header ul li {
	margin: 0;
	padding: 0;
}

#header ul li {
	float: left;
	margin-top: 40px;
}

#header ul li a {
	height: 26px;
}

#header ul li.about {
	background: url('../images/button_about_lt.gif');
}

#header ul li.about a {
	background: url('../images/button_about.gif');
	width: 78px;
}

#header ul li.care {
	background: url('../images/button_product_care_lt.gif');
}

#header ul li.care a {
	background: url('../images/button_product_care.gif');
	width: 111px;
}

#header ul li.about a:hover, #header ul li.care a:hover, #header ul li.contact a:hover, #header ul li.home a:hover, #header ul li.list a:hover, 
#header ul li.news a:hover, .about #header ul li.about a, .care #header ul li.care a, .contact #header ul li.contact a, .home #header ul li.home a, 
.client-list #header ul li.list a, .news #header ul li.news a, .catalog #header ul li.about a {
	background: none;
}

#header ul li.home {
	background: url('../images/button_home_lt.gif');
}

#header ul li.home a {
	background: url('../images/button_home.gif');
	width: 47px;
}

#header ul li.list {
	background: url('../images/button_client_list_lt.gif');
}

#header ul li.list a {
	background: url('../images/button_client_list.gif');
	width: 87px;
}

#header ul li.news {
	background: url('../images/button_news_lt.gif') no-repeat;
}

#header ul li.news a {
	background: url('../images/button_news.gif') no-repeat;
	width: 109px;
}

#header ul li.contact {
	background: url('../images/button_contact_lt.gif') no-repeat;
}

#header ul li.contact a {
	background: url('../images/button_contact.gif') no-repeat;
	width: 108px;
}

/* End Header Styles ////////////////////////////////////////////// */



/* Begin Content Styles /////////////////////////////////////////// */

.categories .cat-box a {
	display: block;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 11px;
	height: 220px;
	text-decoration: none;
}

.categories .cat-box a i {
	display: block;
	padding: 0 51px 0 51px;
	cursor: pointer;
	width: 144px;
	font-style: normal;
}

.categories .cat-box a span {
	display: block;
	width: 166px;
	height: 166px;
	padding: 0 40px 12px 40px;
	cursor: pointer;
}

.categories .cat-box[class] a span {
	background: url('../images/cat_box_bg.png') no-repeat;
}

.categories .cat-box a span b {
	display: block;
	background: #fff url('../images/loading.gif') 50% 50% no-repeat;
	width: 168px;
}

.categories .cat-box a span strong {
	display: block;
	width: 166px;
	height: 166px;
	border: 0;
	overflow: hidden;
}


.clients-container .client-logos {
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

.categories .cat-box a span strong img {
	border: none;
}

.clients-container .client-logos {
	width: 810px;
	height: 108px;
	margin: 0 0 10px -30px;
}

.clients-container .client-logos[class] {
	background: url('../images/logos_clients.png') no-repeat;
}

.col {
	float: left;
	width: 200px;
	margin-right: 30px;
}

.col .client-title {
	display: block;
	padding-bottom: 10px;
}

.col .subtitle {
	display: block;
	font-size: 10px;
	color: #fff;
	font-weight: 100;
}

#content {
	border-top: 1px solid #898989;
	padding: 12px 0 35px 0;
}

#content[id] {
	background: url('../images/content_bg.png') no-repeat;
}

#content h2 {
	height: 123px;
}

#content h2, #content h3 {
	margin: 0;
	text-align: left;
}

#content fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.contact #content .text fieldset, .contact #content .text p {
	padding-left: 15px;
}

.contact #content .text fieldset p {
	padding-left: 0;
}

#content fieldset br {
	clear: both;
}

#content fieldset p {
	margin: 0;
	float: left;
	padding: 0 15px 10px 0;
}

#content fieldset p input, #content fieldset p textarea {
	width: 272px;
}

#content fieldset p label {
	display: block;
	width: 160px;
	line-height: normal;
	padding-bottom: 2px;
}

.contact #content fieldset p label {
	width: 100px;
}

#content fieldset p.submit input {
	border: none;
	width: auto;
}

#content fieldset p.submit .submit-left {
	display: block;
	width: 185px;
	color: #fff;
	font-size: 11px;
	float: left;
	line-height: normal;
}

#content fieldset .group {
	border-bottom: 1px solid #fff;
}

#content fieldset .group, #content fieldset .group2 {
	margin-bottom: 10px;
	padding-left: 15px;
}

#content .view-all {
	display: block;
	text-align: center;
}

#content .view-all a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

.details-box {
	width: 749px;
	margin-right: -12px;
	position: relative;
}

.details-box .details-content {
	width: 726px;
	padding: 0 10px 10px 0;
}

.details-box .details-content .left {
	float: left;
	font-size: 10px;
	font-style: italic;
	color: #fff;
	width: 248px;
}

.details-box .details-content .left i {
	display: block;
	color: #ccc;
	width: 245px;
	padding-left: 3px;
}

.details-box .details-content .left .image, .details-box .details-content .left .image img {
	display: block;
	overflow: hidden;
}

.details-box .details-content .left .image-content {
	border: 0;
	width: 248px;
}

.details-box .details-content .left .image-content, .details-box .details-content .left .image-popup .popup-box {
	background: #fff url('../images/loading.gif') 50% 50% no-repeat;
}

.details-box .details-content .left .image-box {
	width: 261px;
	padding-bottom: 12px;
	cursor: pointer;
}

.details-box .details-content .left .image-box[class] {
	background: url('../images/details_box_bg.png') no-repeat;
}

.details-box .details-content .left .image-popup {
	position: absolute;
	width: 484px;
	height: 485px;
	margin: -150px 0 0 -25px;
	cursor: pointer;
	background: url('../images/details_popup_bg.gif') no-repeat;
}

.details-box .details-content .left .image-popup .popup-box {
	width: 476px;
	height: 476px;
	text-align: center;
}

.details-box .details-content .left .image-popup .popup-box a {
	color: #fff;
	line-height: 36px;
	margin: auto;
	text-decoration: none;
	padding-left: 15px;
	background: url('../images/icon_close.gif') 2px 14px no-repeat;
	position: absolute;
	width: 30px;
	font-style: normal;
}

.details-box .details-content .left .image-popup .popup-content {
	border: 1px solid #b6b6b6;
	background: 50% 0 no-repeat;
	width: 474px;
	height: 474px;
}

.details-box .details-content .left .larger-image {
	display: block;
	color: #fff;
	font-size: 10px;
	padding-top: 8px;
	width: 80px;
	margin: auto;
	text-decoration: none;
}

.details-box .details-content .right {
	float: right;
	width: 460px;
	padding-top: 10px;
}

.details-box .details-content .right p {
	font-size: 11px;
}

.join-box {
	color: #ccc;
	margin-top: 5px;
	height: 93px;
	overflow: hidden;
	padding: 0 0 0 6px;
	border-top: 1px solid #afafaf;
	border-bottom:  1px solid #afafaf;
}

.join-box, .left-col .products-box .products-content .divide {
	width: 187px;
}

.join-box a {
	color: #fff;
}

.join-box input {
	float: left;
	margin-right: 3px;
}

.join-box .email-field {
	width: 146px;
	height: 17px;
	padding: 4px 0 0 3px;
	top: -5px;
}

.join-box strong {
	background: url('../images/title_mailing.gif') 0 10px no-repeat;
	height: 30px;
}

.join-box .fields span {
	display: block;
	padding-bottom: 5px;
}

.leftbar, .left-col {
	float: left;
}

.left-col {
	width: 222px;
}

.links {
	float: right;
	margin-left: 10px;
	background: #cc6733;
	border: 1px solid #c8c6c7;
	width: 122px;
}

.links ul {
	width: 114px;
	list-style: none;
	margin: 0;
	padding: 4px;
}

.page-img {
	float: right;
	width: 404px;
	height: 268px;
	background: url('../images/img_contact.jpg') no-repeat;
	border: 1px solid #ccc;
	margin: 0 0 10px 10px;
}

.news .page-img {
	width: 280px;
	height: 217px;
	background: url('../images/img_news.jpg') no-repeat;
}

.text .links ul {
	line-height: normal;
}

.links a, .text .links a:hover {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	padding-left: 15px;
}

.text .links ul li {
	padding: 0 0 0 5px;
	display: block;
	height: 20px;
	background: none;
}

.links .box-title {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 30px;
	background: url('../images/title_about.gif') 20px 9px no-repeat; 
}

.about .links .history a, .designs .links .designs a, .care .links .care a, .hospitality .links .hospitality a, .showing-off .links .showing-off a,
.client-list .links .client-list a, .news .links .news a, .retail .links .retail a, .catalog .links .catalog a {
	background: url('../images/link_arrow.gif') 6px 4px no-repeat;
}

/* .links .care {
	background: url('../images/link_product_care_lt.gif') no-repeat;
}

.links .care a {
	background: url('../images/link_product_care.gif') no-repeat;
}

.links .client-list {
	background: url('../images/link_client_list_lt.gif') no-repeat;
}

.links .client-list a {
	background: url('../images/link_client_list.gif') no-repeat;
}

.links .designs {
	background: url('../images/link_le_designs_lt.gif') no-repeat;
}

.links .designs a {
	background: url('../images/link_le_designs.gif') no-repeat;
}

.links .hospitality {
	background: url('../images/link_hospitality_lt.gif') no-repeat;
}

.links .hospitality a {
	background: url('../images/link_hospitality.gif') no-repeat;
}

.links .join {
	background: url('../images/link_join_lt.gif') no-repeat;
}

.links .join a {
	background: url('../images/link_join.gif') no-repeat;
}

.links .login {
	background: url('../images/link_login_lt.gif') no-repeat;
}

.links .login a{
	background: url('../images/link_login.gif') no-repeat;
}

.links .showing-off {
	background: url('../images/link_showing_off_lt.gif') no-repeat;
}

.links .showing-off a {
	background: url('../images/link_showing_off.gif') no-repeat;
}

.care .links .care a, .client-list .links .client-list a, .designs .links .designs a, .hospitality .links .hospitality a, .showing-off .links .showing-off a,
.join .links .join a, .login .links .login a {
	background: none;
} */

#flash-box {
	width: 749px;
	height: 340px;
	position: relative;
}

#flash-box[id] {
	background: url('../images/flash_bg.png') no-repeat;
}

.page-header {
	height: 153px;
	overflow: hidden;
	background: url('../images/panel_about.jpg') no-repeat;
	border: 1px solid #bababa;
	margin-bottom: 20px;
	padding-right: 18px;
	text-align: right;
	font-size: 10px;
}

.category .page-header {
/*	background: url('../images/panel_vases.jpg') no-repeat; */
	margin-bottom: 10px;
}

.care .page-header {
	background: url('../images/productcare.jpg') no-repeat;
}

.catalog .page-header {
	background: url('../images/panel_catalog.jpg') no-repeat;
}

.client-list .page-header {
	background: url('../images/clientlist.jpg') no-repeat;
}

.contact .page-header {
	background: url('../images/contactus.jpg') no-repeat;
}

.designs .page-header {
	background: url('../images/ledesigns.jpg') no-repeat;
}

.hospitality .page-header {
	background: url('../images/hospitality.jpg') no-repeat;
}

.join .page-header {
	background: url('../images/joinmailinglist.jpg') no-repeat;
}

.login .page-header {
	background: url('../images/customerlogin.jpg') no-repeat;
}

.news .page-header {
	background: url('../images/newsevents.jpg') no-repeat;
}

.retail .page-header {
	background: url('../images/panel_retail.jpg') no-repeat;
}

.showing-off .page-header {
	background: url('../images/showingoff.jpg') no-repeat;
}

.page-header, .page-header a {
	color: #fff;
	text-decoration: none;
}

.page-header .active {
	font-weight: bold;
}

.page-header-swatches {
	height: 153px;
	background: url('../images/panel_swatches.jpg') no-repeat;
	border: 1px solid #bababa;
	margin-bottom: 20px;
	padding-right: 18px;
	text-align: right;
	font-size: 10px;
}

.category .page-header-swatches {
/*	background: url('../images/panel_vases.jpg') no-repeat; */
	margin-bottom: 10px;
}

.page-header-swatches, .page-header-swatches a {
	color: #fff;
	text-decoration: none;
}

.page-header-swatches .active {
	font-weight: bold;
}

.page-nav {
	width: 738px;
	height: 42px;
	padding-right: 11px;
	margin-right: -11px;
}

.page-nav[class] {
	background: url('../images/page_nav_bg.png') no-repeat;
}

.page-nav .nav-content {
	background: #000;
	border: 1px solid #b6b6b6;
	color: #fff;
	height: 26px;
	line-height: 26px;
	padding: 0 10px 0 10px;
	font-size: 11px;
}

.page-nav .nav-content a {
	color: #fff;
	text-decoration: none;
}

.page-nav .nav-content a:hover {
	color: #cc6633;
}

.page-nav .nav-content .right {	
	float: right;
}

.page-nav .nav-content .right a {
	text-decoration: none;
}

.page-nav .nav-content .right a.selected {
	color: #fff;
}

.products-box {
	font-size: 10px;
	width: 222px;
}

.products-box strong, #content h2, #content h3 {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.left-col .products-box .products-content .divide {
	padding-top: 5px;
	margin-top: 0;
	overflow: hidden;
}

.left-col .products-box .products-content .divide a {
	margin-left: -2px;
}

.products-box .top strong {
	height: 22px;
	background: url('../images/title_products.gif') no-repeat;
}

.products-box ul, .products-box ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.products-box .submenu li {
	background: url('../images/bullet_or.gif') 8px 8px no-repeat;
	padding-left: 8px;
}

.products-box .divide li, .products-box .divide li a {
	background: none !important;
}

.products-box .submenu li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 3px 0 5px 10px;
	background: url('../images/bullet.gif') 0 8px no-repeat;
	cursor: pointer;
	position: relative;
}

.left-col .products-box .products-content .divide.dkbg {
	background: #444;
	padding: 5px 5px 5px 2px;
	margin-top: 8px;
}

.left-col .products-box .products-content .divide.lines {
	border-top: 1px solid #afafaf;
	padding: 5px 5px 5px 0;
	position: relative;
	top: 5px;
}

.products-box .submenu.divide li a {
	padding-left: 0;
}

.products-box .submenu.divide li.inline-links {
	padding: 3px 0 5px 5px;
	color: #fff;
}

.products-box .submenu.divide li.inline-links a {
	display: inline;
}

.products-box .submenu li a:hover, #content .products-box ul li.active a {
	color: #d97a00;
}

.products-box .submenu .white {
	background: none;
	padding: 3px 0 3px 8px;
}

.products-box .submenu .white strong {
	color: #ccc;
	text-indent: 0;
	font-size: 11px;
}

#content .products-box ul li.active a {
	background-position: -50px 8px;
}

.products-box .bottom {
	height: 27px;
}

.products-box .bottom, .products-box .top {
	display: block;
	clear: both;
}

.products-box[class] .bottom {
	background: url('../images/products_bottom.png') no-repeat;
}

.products-box .products-content {
	padding: 0 10px 0 10px;
}

.products-box[class] .products-content {
	background: url('../images/products_bg.png') repeat-y;
}

.products-box .top {
	height: 27px;
}

.products-box[class] .top {
	background: url('../images/products_top.png') no-repeat;
}

.text {
	padding: 0;
	font-size: 11px;
	color: #ccc;
	float: right;
	width: 738px;
}

.text p, .text ul {
	list-style: none;
	margin: 0;
	line-height: 20px;
	padding: 0 0 10px 0;
}

.text p a, .text p strong a {
	color: #fff;
	font-size: 11px;
}

.text address {
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	color: #ccc;
}

.text address a, .text address strong {
	color: #fff;
}

.text address strong {
	font-size: 12px;
}

.contact .text address {
	display: block;
	float: right;
	width:  200px;
	height: 106px;
	background: url('../images/address_bg.gif') no-repeat;
	padding-left: 18px;
	margin-left: 10px;
}

.text ul li {
	background: url('../images/bullet_wt.gif') 10px 8px no-repeat;
	padding-left: 20px;
}

.catalog .text ul li a {
	color: #fff;
}

.right .becomeLink {
	display: block;
}

.right .becomeLink a {
	display: block;
	color: #ccc;
	text-decoration: none;
	margin: 0;
	padding: 2px 0 2px 0;
}

.right .become-link-box {
	background: #444;
	padding: 7px;
	height: 31px;
	line-height: normal;
	margin-top: 10px;
}

.right .become-links {
	font-size: 10px;
	float: left;
	width: 140px;
	padding: 0;
}

.right .become-links.right-links {
	width: 230px;
	float: right;
	padding-left: 15px;
	border-left: 1px solid #858585;
	position: relative;
	top: -2px;
}

.pointer {
	cursor: pointer;
}
/* End Content Styles ///////////////////////////////////////////// */



/* Begin Footer Styles //////////////////////////////////////////// */

#footer {
	clear: both;
	border-top: 1px solid #8a8a8a;
	color: #e7e7e7;
	font-size: 9px;
	text-align: center;
	padding-top: 14px;
	height: 50px;
}

#footer .footer-links {
	clear: both;
	position: absolute;
	width: 960px;
	margin-top: -40px;
}

#footer .footer-links a {
	color: #fff;
}

/* End Footer Styles ////////////////////////////////////////////// */

div.img {
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}
	
div.img img {
  margin: 3px;
  border: 1px solid #ffffff;
}

div.img a:hover img {
	border: 1px solid #0000ff;
}

div.desc {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  height: 50px;
}

/**/


.page-nav-swatches {

}

/* .page-nav-swatches[class] {
	background: url('../images/page_nav_bg.png') no-repeat;
} */

.page-nav-swatches .nav-content-swatches {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	padding: 0 10px 0 10px;
}

.page-nav-swatches .nav-content-swatches a {
	color: #cc6633;
}

.page-nav-swatches .nav-content-swatches .right {	
	float: right;
}

.page-nav-swatches .nav-content-swatches .right a {
	text-decoration: none;
}


.tooltip {  
    width:200px;
    border:1px solid #66625F;
    background-color:#FEFEE2;
    color:#6A6A60;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 2px;
	margin: 0px;
}

.titleList {
	margin-top: 6px;
	color: #cc6633;
	font-size: 15px;
}

#gallery {
	padding: 0;
}

#gallery div {
	width: 460px;
	margin: 0;
}

#gallery span {
	margin-right: -4px; /* to compensate for IE/Opera's Whitespace */
	font-size: 10px;
}

#gallery span a, .details-content #gallery span a {
	color: #fff;
	text-decoration: none;
}

#gallery span a:hover, .details-content #gallery span a:hover, .join-box a:hover, .text a:hover, .details-box .details-content .left a:hover,
.details-box .details-content .left .image-popup .popup-box, #content .view-all a:hover {
	color: #cc6633;
}

.listItem {
	width: 70px;
}

#gallery .listItem, #gallery .listSizes, #gallery .listPrice {
	display: block;
	float: left;
	font-size: 10px;
	margin-right: 5px;
	padding-left: 5px;
	color: #ccc;
}

.listSizes {
	width: 120px;
}

.listPrice {
	width: 70px;
}

#gallery .thDetail {
	font-weight: bold;
	color: #ccc;
	padding: 5px 5px 0 0;
}

#gallery .column-headings {
	width: 460px;
	height: 16px;
	overflow: hidden;
	float: left;
	background: #444;
	margin-bottom: 6px;
}

#gallery .column-headings span {
	color: #ccc;
}

#gallery .swatch-thumbs {
	padding-left: 5px;
}

.details-content #gallery .swatches {
	clear: both;
	height: 12px;
	overflow: hidden;
}

.details-content #gallery .swatches span.listItem {
	display: block;
	font-weight: 100;
	color: #ccc;

}

.categoriesSwatches .cat-box {
	display: block;
	width: 169px;
	height: 162px;
	float: left;
	text-decoration: none;
}

.categoriesSwatches .cat-box span {
	display: block;
	width: 90px;
	height: 162px;
	padding: 0 47px 0 32px;
}

.categoriesSwatches .cat-box[class] span {
	/*background: url('../images/cat_box_bg.png') no-repeat;*/
}

.categoriesSwatches .cat-box span strong {
	display: block;
	border: none;
	text-align: center;
	font-weight: 100;
	text-decoration: none;
	padding: 5px 0 0 0;
}

.categoriesSwatches .cat-box span strong b, .categoriesSwatches .cat-box span strong img {
	width: 90px;
	height: 85px;
	background-repeat: repeat;
	margin-bottom: 19px;
}

.categoriesSwatches .cat-box span strong b {
	display: block;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden; 
}