html, body, div, span, applet, object, iframe,
blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */

/********************************************/

body {
	background-color:#2B2B2B;
	font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#CFCFCF;
	line-height:17px;
	background-image:url(/img/bg_body.jpg);
	background-repeat:repeat;
	background-position:0 0;
}

.clear {
	clear:both;
	width:100%;
}

hr {
/*	color: #DFDFDF;
	background-color:#DFDFDF;*/
	color: #535353;
	background-color:#535353;
	border:0px none; height:1px;
	clear:both;
}

.imagecase {
	background-position:center center;
	background-repeat:no-repeat;
}

label {
	cursor: pointer;
}

/**************************************************************/

@font-face {
font-family: "agencyfb";
src: url("/fonts/agencyfb/agencyfb.eot");
src: url("/fonts/agencyfb/agencyfb.eot?#iefix") format("embedded-opentype"),
			url("/fonts/agencyfb/agencyfb.woff") format("woff"),
			url("/fonts/agencyfb/agencyfb.ttf") format("truetype"),
			url("/fonts/agencyfb/agencyfb.svg#AgencyFBRegular") format("svg");
font-weight: normal;
font-style: normal;
}

p{
	font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#CFCFCF;
	line-height:17px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-shadow:-1px -1px 1px #000;
}

small {
	font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#878787;	
}

p a{
	color:#fff;
	font-weight: normal;
	text-decoration:underline;
}

p a:hover {
	color:#D9D8D8;
	text-decoration:underline;
}

a{
	color:#fff;
	text-decoration:underline;
}

a:hover {
	color:#D9D8D8;
	text-decoration:underline;
}

h1, .h1{
	font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
	font-size:23px;
	font-weight:normal;
	color:#ffffff;
	line-height:23px;
	margin:12px 0 12px 0;
	padding-bottom:6px;
	text-transform: uppercase;
	border-bottom:1px #535353 solid;
	text-shadow:-1px -1px 1px #000;
}

h2, .h2{
	font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
	line-height:18px;
	margin:15px 0 20px 0;
	text-shadow:-1px -1px 1px #000;
}

h3, .h3{
	font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	line-height:16px;
	margin:17px 0 12px 0;
	text-shadow:-1px -1px 1px #000;
}

/*ul {*/
/*	list-style-position: inside;*/
/*	list-style: #cc0000;*/
/*	list-style-image: url(/img/li.png);*/
/*}*/

/***LIGHTBOX*********************************************/

#xi-fader {
	z-index:998;
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	display:none;
	background-image:url(../js/images/fader.png);
}

#xi-lightbox {
	z-index:999;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	display:none;
	overflow:hidden;
}

#xi-lightbox-window {
	margin-top:40px;
	margin-bottom: 40px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/********************************************************/

.headerBg {
width:100%;
height:134px;
background-image:url(/img/bg_header.jpg);
background-repeat:repeat;
background-position:0 0;
}

.headerCase {
width:968px;
height:134px;
margin:0 auto;
background-image:url(/img/bg_header2.png);
background-repeat:no-repeat;
background-position:center top;
position:relative;
/*border-left:1px #fff solid;*/
/*border-right:1px #fff solid;*/
}

.logoCase {
width:130px;
height:134px;
margin:0 auto;
}

.searchInputCase {
float:right;
height:134px;
margin-right:26px;
}

.searchField {
border:1px #DDDDDD solid;
border-radius:12px;
height:24px;
width:170px;
padding:0 10px;
}

.searchSubmit {
border:1px #DDDDDD solid;
border-radius:12px;
width:26px;
height:26px;
background-color:#ECECEC;
background-image:url(/img/searchsubmit.png);
background-position:center center;
background-repeat:no-repeat;
}

.mmCase {
background-color:#FFF;
width:100%;
height:44px;
position:relative;
}

.mmTable {
width:968px;
height:44px;
margin:0 auto;
}

.mmTable td {
text-align:center;
}

.mmDiv {
position:relative;
}

.mmDiv > a {
display:block;
line-height:44px;
font-family:"agencyfb", Helvetica, Arial, sans-serif;
font-size:20px;
font-weight:normal;
color:#282B2C;
text-decoration:none;
text-transform:uppercase;
padding:0 30px;
}

.mmDiv > a:hover, .mmDiv > a.active {
color:#747474;
}

.ddUl{
position:absolute;
z-index:10;
list-style:none;
top:44px;
left:0;
background-color:#FFF;
width:100%;
text-align:center;
display:none;
}

.ddUl li{
}

.ddUl li a{
color:#282B2C;
display:block;
text-align:center;
padding:10px;
font-size:18px;
text-decoration:none;
font-family:"agencyfb", Helvetica, Arial, sans-serif;
}

.ddUl li a:hover{
background-color:#f6f6f6;
}

.subBannerCase {
position:relative;
width:100%;
min-width:968px;
}

.subBannerDiv {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
}

.homeSliderCase {
position:relative;
width:100%;
min-width:968px;
}

.homeSlider {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
}

.slide {
width:100%;
height:100%;
position:relative;
background-color:#ccc;
}

.bannersTable {
margin:-30px auto 0 auto;
position:relative;
z-index:10;
}

.bannersTable td {
text-align:center;
}

.bannerCase {
margin:0 7px;
}

.bannerWhiteCase {
width:320px;
height:211px;
background-color:#FFF;
}

.bannerWhiteCase a {
text-decoration:none;
text-align:center;
display:block;
width:320px;
height:211px;
}

.bannerWhiteCase img {
margin:11px 5px 0 5px;
}

.bannerWhiteCase span {
font-family:"agencyfb", Helvetica, Arial, sans-serif;
text-decoration:none;
text-transform:uppercase;
font-size:17px;
color:#373737;
line-height:36px;
text-align:center;
}

.bannerShadowCase {
width:312px;
height:28px;
background-image:url(/img/bannershadow.png);
background-position:center top;
background-repeat:no-repeat;
}

.homeContentLayoutTable {
width:1000px;
margin:0 auto;
padding-bottom:28px;
}

.homeContentLeft {
width:330px;
float:left;
margin-left: 20px;
}

.homeContentRight {
width:272px;
float:right;
margin-right: 20px;
}

.homeContentCenter {
width:216px;
margin:0 auto;
}

.subContentLeft {
width:730px;
float:left;
}

.subContentRight {
width:250px;
float:right;
}

.subContentLeft2{
width:250px;
float:left;
}

.subContentRight2 {
width:730px;
float:right;
}

.learnMore {
font-size:15px;
font-weight:bold;
color:#fff;
background-color:#7F7F7F;
text-decoration:none;
text-transform:uppercase;
padding:12px 12px 9px 12px;
text-shadow:none;
box-shadow:-1px -1px 1px #000;
}

.learnMore:hover {
text-decoration:none;
}

.footerTable {
width:968px;
margin:0 auto;
border-top:1px #535353 solid;
padding-bottom:5px;
}

.footerTable p, .footerTable a {
text-shadow:none;
color:#898686;
text-decoration:none;
}

.xi {
background-image:url(/img/xi-logo.png);
background-position:right center;
background-repeat:no-repeat;
padding:10px 55px 10px 10px;
}

.catalogDiv {
/*min-height:300px;*/
}

.categoryUl {
width:230px;
}

.categoryUl a {
text-decoration:none;
}

.categoryUl>li {
border-bottom:1px #5B5B5B dashed;
list-style:none;
}

span.categorySpan, .categoryUl>li>a {
display:block;
font-weight:bold;
color:#fff;
cursor:pointer;
line-height:23px;
padding-top:1px;
padding-left:21px;
background-image:url(/img/li.png);
background-position:0 0;
background-repeat:no-repeat;
}

span.categorySpan:hover, .categoryUl>li>a:hover, span.categorySpan.active, .categoryUl>li>a.active{
color:#CFCFCF;
}

span.categorySpan.active {
border-bottom:1px #5B5B5B dashed;
display:block;
}

.subcategoryUl {
display:none;
background-image:url(/img/subcategoryul.png);
}

.subcategoryUl.active{
display:block;
}

.subcategoryUl>li {
border-bottom:1px #5B5B5B dashed;
list-style:none;
}

.subcategoryUl>li:last-child {
border-bottom:none;
}

.subcategoryUl>li>a {
display:block;
font-weight:bold;
color:#CFCFCF;
cursor:pointer;
line-height:23px;
padding-top:1px;
padding-left:51px;
background-image:url(/img/li.png);
background-position:30px 0;
background-repeat:no-repeat;
}

.subcategoryUl>li>a:hover, .subcategoryUl>li>a.active {
color:#fff;
}

.mapCase {
width:341px;
height:269px;
background-image:url(/img/map_bg.png);
background-repeat:no-repeat;
}

.mapDiv {
width:331px;
height:229px;
margin:5px;
padding-top:4px;
overflow:hidden;
}

.contactField {
width:266px;
border-left:1px #000 solid;
border-top:1px #000 solid;
border-right:1px #E2E2E2 solid;
border-bottom:1px #E2E2E2 solid;
margin:0 0 10px 0;
background-color:#D0D0D0;
padding:4px 2px;
}

.btn {
font-size:15px;
font-weight:bold;
color:#fff;
background-color:#7F7F7F;
text-decoration:none;
text-transform:uppercase;
padding:10px 14px 7px 14px;
text-shadow:none;
box-shadow:-1px -1px 1px #000;
border:none;
margin:0;
}

.btn:hover {
text-decoration:none;
cursor:pointer;
}

.catalogPrevCase {
width:290px;
margin-bottom:25px;
}

.prevTtle {
font-size:16px;
font-weight:bold;
color:#fff;
text-decoration:none;
display:block;
min-height:40px;
}

.thumbCase img{
text-align:center;
}

.thumbCase {
background-color:#FFF;
border:1px #606060 solid;
width:119px;
height:158px;
text-align:center;
vertical-align:middle;
display:table-cell;
}

.thumbShadow {
width:121px;
height:26px;
background-image:url(/img/thumbshadow.png);
background-repeat:no-repeat;
background-position:center top;
}

.prodThumbCase {
background-color:#FFF;
border:1px #606060 solid;
width:277px;
height:322px;
text-align:center;
vertical-align:middle;
display:table-cell;
}

.prodThumbCase img{
text-align:center;
}

.prodThumbShadow {
width:279px;
height:34px;
background-image:url(/img/prodthumbshadow.png);
background-repeat:no-repeat;
background-position:center top;
}

.galleryCase {
	width:320px;
}

.collectionSelect {
	width:230px;
	border-left:1px #000 solid;
	border-top:1px #000 solid;
	border-right:1px #535353 solid;
	border-bottom:1px #535353 solid;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#FFF;
}

.galleryCase a {
	text-decoration: none;
	padding: 2px;
	border: 1px #535353 solid;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
}

.designGalleryCase {
	width:100%;
}

.designGalleryCase a {
	text-decoration: none;
	padding: 2px;
	border: 1px #535353 solid;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
}
/* --------- NEW PRODUCT STYLE -------------*/
.roca_product {
	float:left;
	width:30%;
	height: 200px;
	margin: 1.5%;
	position: relative;
	overflow: hidden;
}
.roca_product h3 {
	background: rgba(0,0,0,0.6);
	font-family: "agencyfb", Helvetica, Arial, sans-serif;
	font-size: 20px;
	padding: 5% 0;
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 0;
	-webkit-transition: all 100ms ease-out ;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.roca_product_desc {
	position: absolute;
	top: 100%;
	height: 200px;
	width: 90%;
	padding: 5%;
	background: rgba(0,0,0,0.6);
	-webkit-transition: all 200ms ease-out ;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.roca_product:hover h3 {bottom: 150px;}
.roca_product:hover .roca_product_desc {top: 50px;}
.roca_product_more {
	text-decoration: none;
	background: #3b3b3b;
	padding: 5px 10px;
	-webkit-transition: all 200ms ease-out ;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.roca_product_more:hover {
	text-decoration: none;
	background: #ccc;
	color: #3b3b3b;
}
.mapCase {margin-right: 10px;}
@media (min-width: 801px) and (max-width: 1030px) {
	.headerCase {width: 100%;}
	.mmTable {width: 100%;}
	.mmDiv > a {padding: 0 10px;}
	.subBannerCase {min-width: 100%;}
	.homeContentLayoutTable, .footerTable {width: 95%; margin-left: 2.5%;}
	.subContentLeft {width: 100%;}
	.subContentRight {width: 90%;}
	.mapCase, .mapDiv {width: 300px;}
	.mapDiv iframe {width: 95%;}
	.contactField {width: 210px;}
	.subContentRight2 {width: 515px;}
	div#fancy_inner {width: 95% !important;}
	.homeSliderCase {min-width: 100%;}
	.bannerWhiteCase {width: 100%;}
	.bannerWhiteCase a {width: 100%;}
	.bannersTable {width: 100%;}
	.bannersTable td {display: block; width: 33%; float: left;}
	.bannerWhiteCase img {width: 95%;}
	.bannerShadowCase {width: 100%;}
	.homeContentLeft, .homeContentRight, .homeContentCenter {width: 80%;}
}
@media (max-width: 800px) {
	#searchForm {display: none;}
	.icon_menu {display: block !important; position: absolute; top: 30px; right: 10px; width: 50px; height: 66px; background: url(../img/icon_menu.png) no-repeat; background-size: 100%;}
	.bannerCase {margin: 0;}
	.headerCase {width: 100%;}
	.mmCase {height: auto;}
	.mmTable {display: none; width: 100%;}
	.mmTable_active {display: table; background-color: #fff; position: absolute; z-index: 99;}	
	.mmTable td {display: block;}
	.mmDiv > a {border-bottom: 1px solid #f0f0f0;}
	.homeSliderCase, .subBannerCase {min-width: 100%;}
	.bannersTable {margin: 10px auto;}
	.bannersTable td {display: block;}
	.bannerWhiteCase {width: 90%; margin-left: 5%;}
	.bannerWhiteCase a {width: 100%;}
	.bannerWhiteCase img {max-width: 95%; height: 78%;}
	.bannerWhiteCase span {display: block;}
	.homeContentLayoutTable {width: 95%; margin-left: 5%;}
	.homeContentLayoutTable td {display: block;}
	.homeContentLeft, .homeContentCenter, .homeContentRight {width: 100%; float: none; margin-left: 0; margin-right: 0;}
	.footerTable {width: 100%;}
	.footerTable td {display: block; text-align: center;}
	.xi{background: none; padding: 0;}
	.subContentLeft, .subContentLeft2, .subContentRight, .subContentRight2 {float: none; width: 100%;}
	.subContentLeft img {width: 95% !important; height: auto !important;}
	.catalogDiv {position: relative;}
	.categoryUl {width: 100%; display: none;}
	.collectionSelect {display: block; margin: 5px auto;}
	#collectionForm {text-align: center;}
	.ddUl {display: none !important;}
	.roca_product {float: none; width: 90%; margin: 5%;}
	.designGalleryCase a {width: 90%;}
	.designGalleryCase img {width: 100% !important;}
	div#fancy_inner {width: 95% !important;}
	.mapCase, .mapDiv {width: 95%;}
	.mapDiv iframe {width: 100%;}
	.contactField {width: 98%;}
	.subcategory_icon {display: block !important; width: 30px; position: absolute; height: 26px; right: 10px; top:0; margin-top: -2px; background: url(../img/submenu_icon.png) no-repeat;}
}