/* CSS Document */

/*
COLOURS:

BLUE		: 47C7F4
GREY-light	: A2AAB7
GREY-dark	: 455560
NEW Dark Grey: 818386
Main text	: 999999

*/

body{
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	font-size: 100%;
	color: #999999;
}

div#main{
	line-height: 280%;
}

a:link, a:visited{
	color: #FFF;
	text-decoration: none;
}
a:hover, a:active{
	color: #FFF;
	text-decoration: underline;
}


div#default_footer a:link, div#default_footer a:visited{text-decoration: none; color: #6A7285;}
div#default_footer a:hover, div#default_footer a:active{text-decoration: underline; color: #6A7285;}

div#main_footer a:link, div#main_footer a:visited{text-decoration: none; color: #6A7285;}
div#main_footer a:hover, div#main_footer a:active{text-decoration: underline; /*color: #6A7285;*/ color:#999;}

.showMe {
	display: block;
}
.hideMe {
	display: none;
}

/*MAIN AREA*/
div#main h1{
	padding-top: 300px;
	text-align: center;
	color: #FFF;
}

div#main h2{
	color: #FFF;
	font-size: 18px;
	font-weight:normal;
	line-height: 18px;
	margin-bottom: 0px;
	padding: 200px 20px 0px 0px;
	text-align: right;
}

div#main h3{
	color: #FFF;
	font-size: 12px;
	line-height: 18px;
	font-weight:normal;
	margin-top: 0px;
	padding: 0px 20px 0px 0px;
	text-align: right;
}

div#department_block_holder{
	/*padding-top: 195px;*/
	position: absolute;
	/*bottom: 30px;*/
	bottom: 5%;
	right: 0;
	width: 100%;
	height: 270px;
}

div#department_blocks{
	width: 216px;
	height: 270px;
	margin-left: 10px;
	float: right;
	border: 0px solid #FFF;
}

/*HEADER STYLING*/
div#header_left{
	padding-left: 20px;
}

div#header_left a:link, div#header_left a:visited{
	color: #FFF;
	text-decoration: none;
	text-transform:uppercase;
}

div#header_left a:hover, div#header_left a:active{
	color: #000;
	text-decoration: none;
}


div#header_flags_and_search{
	height: 30px;
	
}

div#header_navigation{
	font-size: 16px;
	color: #FFF;
	line-height: 12px;
}
#top_search_button{
	vertical-align:middle;
}

div#header_breadcrumb{
	font-size: 11px;
	line-height: 12px;
	color: #FFF;
	margin-top: 36px;
}
div#header_right{
	font-size: 14px;
	color: #455560;
	text-align: right;
	padding-right: 20px;
}

/*************************************
STATIC PAGES
*************************************/
div.static-page, div.static-page p, div.mapViewer{
    font-size: 11px;
    color: #666;
}

div.static-page h1{
    font-size: 18px;
}

div.static-page h2{
    font-size: 16px;
}

div.static-page a:link, div.static-page a:visited{
    color: #666;
    text-decoration: none;
}

div.static-page a:hover, div.static-page a:active{
    color: #666;
    text-decoration: underline;
}

div.static-page strong{
    font-size: 12px;
}

div.static-page ol{
    margin-left: 0px;
    padding-left: 20px;
}

.install-left{width: 45%; height: 500px; float: left;}
.install-right{width: 45%; height: 500px; float: left; margin-left: 70px;}

.install-left p{
    border-top: 0px solid #666;
    padding-top: 11px;
	*padding-top: 0px;
	*margin-top: 0px;
	*display:inline;
	
}

.video_divider{
	width: 100%;
	clear: both;
	height: 1px;
	color: #666
}

span#backbutton{
	width: 970px;
	margin: 0 auto;
	border: 0px solid #666;
}

span#backbuttonspacer{
	width: 970px;
	margin: 0 auto;
	border: 0px solid #666;
	height: 20px;
}

.backbutton{
	width: 50px; 
	height: 25px; 
	text-align: center; 
	background-color: #999; 
	color: #FFF; 
	text-transform: lowercase; 
	font-size: 14px; 
	border: 0px; 
	margin: 10px;
	font-weight: bold;
	cursor: pointer;
}

/*************************************
DOMALTI
*************************************/
div#main_domalti h2{
	color: #000;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
}
span.domalti_range_ttl{
	width: 124px;
	height: 50px;
	padding: 40px 10px 10px 10px;
	display: block;
}

div#domalti_logo_and_text{
	/*height: 250px;*/
	float: left;
	width: 350px;
	background-position: right;
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 11px;
	line-height: 14px;
	margin-left: 0px;
}

div#domalti_logo_and_text h3{
	color: #FFF;
	font-size: 17px;
	line-height: 17px;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
}

div#domalti_footer{border-color: #6A7285; color: #6A7285;}
div#domalti_footer a:link, div#domalti_footer a:visited{text-decoration: none; color: #6A7285;}
div#domalti_footer a:hover, div#domalti_footer a:active{text-decoration: underline; color: #6A7285;}

/* LINKS TO POPPER */
div#domalti_popLinks{
	color: #FFF;
	font-size: 11px;
	line-height: 16px;
	/*text-indent: 30px;*/
	font-family: arial;
	}
div#domalti_popLinks a{
	color: #FFF;
	text-decoration:none;
	text-transform:uppercase;
}



/*************************************
I-SPACE
*************************************/
div#main_ispace h2{
	color: #000;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
}
span.ispace_range_ttl{
	display: block;
	/*width: 162px;
	height: 50px;
	padding: 10px 10px 10px 10px;*/
	/*padding-left:;*/
	width: 100%;
	border: 1px solid #000;
}

div#ispace_logo_and_text{
	/*height: 300px;*/
	float: left;
	width: 300px;
	background-position: right;
	background-repeat: no-repeat;
	color: #000;
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 40px;
	padding-top: 10px;
	margin-bottom: 10px;
}

div#ispace_logo_and_text h3{
	color: #000;
	font-size: 17px;
	line-height: 17px;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
}

div#ispace_footer{border-color: #6A7285; color: #6A7285;}
div#ispace_footer a:link, div#ispace_footer a:visited{text-decoration: none; color: #6A7285;}
div#ispace_footer a:hover, div#ispacefooter a:active{text-decoration: underline; color: #6A7285;}

/* LINKS TO POPPER */
div#ispace_popLinks{
	color: #000;
	font-size: 11px;
	line-height: 16px;
	/*text-indent: 30px;*/
	font-family: arial;
	margin-top: 17px;
	}
div#ispace_popLinks a{
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
}

/*************************************
BASIX
*************************************/
div#main_basix h2{
	color: #000;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
}
span.basix_range_ttl{
	width: 124px;
	height: 50px;
	padding: 40px 10px 10px 10px;
	display: block;
}

div#basix_logo_and_text{
	/*height: 350px;*/
	float: left;
	width: 350px;
	background-position: right;
	background-repeat: no-repeat;
	color: #000;
	font-size: 11px;
	line-height: 14px;
}

div#basix_logo_and_text h3{
	color: #000;
	font-size: 17px;
	line-height: 17px;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
}

div#basix_strap a{color: #6A7285;}

div#basix_footer{border-color: #6A7285; color: #6A7285;}
div#basix_footer a:link, div#basix_footer a:visited{text-decoration: none; color: #6A7285;}
div#basix_footer a:hover, div#basix_footer a:active{text-decoration: underline; color: #6A7285;}

/* LINKS TO POPPER */
div#basix_popLinks{
	color: #000;
	font-size: 11px;
	line-height: 16px;
	/*text-indent: 30px;*/
	font-family: arial;
	}
div#basix_popLinks a{
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
}

/*************************************
SpacePro
*************************************/
div#main_spacepro h2{
	color: #000;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
}

div#main_spacepro a:link, div#main_spacepro a:visited{
	color: #FFF;
	text-decoration: none;
}

div#main_spacepro a:hover, div#main_spacepro a:active{
	color: #FFF;
	text-decoration: underline;
}

span.spacepro_range_ttl{
	width: 124px;
	height: 50px;
	padding: 40px 10px 10px 10px;
	display: block;
}


div#holder_ranges_spacepro h2{
	font-size: 18px;
	letter-spacing: 0px;
	font-weight: bold;
}

div#spacepro_logo_and_text{
	/*height: 300px;*/
	float: left;
	width: 350px;
	background-position: right;
	background-repeat: no-repeat;
	color: #000;
	font-size: 11px;
	line-height: 14px;
}

div#spacepro_logo_and_text h3{
	color: #000;
	font-size: 17px;
	line-height: 17px;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
}

div#spacepro_footer{border-color: #000; color: #000;}
div#spacepro_footer a:link, div#spacepro_footer a:visited{text-decoration: none; color: #000;}
div#spacepro_footer a:hover, div#spaceprofooter a:active{text-decoration: underline; color: #000;}

/* LINKS TO POPPER */
div#spacepro_popLinks{
	color: #000;
	font-size: 11px;
	line-height: 16px;
	/*text-indent: 30px;*/
}
div#spacepro_popLinks a:link, div#spacepro_popLinks a:visited, div#spacepro_popLinks a:hover, div#spacepro_popLinks a:active{
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
}
spacepro_popLinks{}
/*************************************
 END BRAND SPECIFICS
*************************************/

/* LINKS TO POPPER */
div#popLinks{
	color: #000000;
	font-size: 12px;
	line-height: 18px;
	/*text-indent: 30px;*/
	}
div#popLinks a{
	color: #47C7F4;
	text-decoration:none;
	text-transform:uppercase;
}

div#detail-floater-wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #333;
	z-index: 1000;
	-moz-opacity:0.70;
	opacity:0.70;
	filter:alpha(opacity=75);
	top: 0px;
	left: 0px;
	/*display: none;*/
}
div#detail-floater{
	position: absolute;
	width: 980px;
	/*width: 875px;*/
	height: 650px;/*620px;*/
	top: 0px;
	margin-top: 80px;
	left:50%;
	margin-left: -490px;/*-490px;*/
	/*margin-left: -437px;*/
	border: 0px solid #FFF;
	background-image: url(../images/backgrounds/shadow-25black.png);
	background-repeat: repeat;
	z-index: 2000;
}


div#detail-floater-content{
	margin: 0 auto;
	margin-top: 90px;
	margin: 0 auto;
	padding: 20px;
	z-index: 3000;
	height: 600px/*620px;*/
}

div#popper-header-designer{
	position: relative;
	top: 0px;
	background-color: #47C7F4;
	margin: 0 auto;
	height: 50px;
	color: #FFF;
	padding: 20px;
	margin-bottom: 0px;
	z-index: 4000;
	text-decoration:none;
	display: none;
}

div#popper-header-video{

	position: relative;
	top: 0px;
	background-color: #47C7F4;
	margin: 0 auto;
	height: 50px;
	color: #FFF;
	padding: 20px;
	margin-bottom: 0px;
	z-index: 4000;
	text-decoration:none;
	display: none;

/*	position: absolute;
	top: 0px;
	background-color: #47C7F4;
	margin: 0 auto;
	height: 50px;
	color: #FFF;
	padding: 20px;
	margin-bottom: 0px;
	z-index: 12000;
	text-decoration:none;*/
}
div#popper-header-stockist{
	position: relative;
	top: 0px;
	background-color: #47C7F4;
	margin: 0 auto;
	height: 50px;
	color: #FFF;
	padding: 20px;
	margin-bottom: 0px;
	z-index: 4000;
	text-decoration:none;
	display: none;

/*	position: absolute;
	top: 0px;
	background-color: #47C7F4;
	margin: 0 auto;
	height: 50px;
	color: #FFF;
	padding: 20px;
	margin-bottom: 0px;
	z-index: 12000;
	text-decoration:none;*/
}

div#popper-header-interior{

	position: relative;
	top: 0px;
	background-color: #47C7F4;
	margin: 0 auto;
	height: 50px;
	color: #FFF;
	padding: 20px;
	margin-bottom: 0px;
	z-index: 4000;
	text-decoration:none;
	display: none;

/*	position: absolute;
	top: 0px;
	background-color: #47C7F4;
	margin: 0 auto;
	height: 50px;
	color: #FFF;
	padding: 20px;
	margin-bottom: 0px;
	z-index: 12000;
	text-decoration:none;*/
}

div#popper-header-stockist-page{
	/*position: absolute;*/
	top: 0px;
	background-color: #47C7F4;
	margin: 0 auto;
	height: 50px;
	color: #FFF;
	padding: 20px;
	margin-bottom: 0px;
	z-index: 12000;
	text-decoration:none;
	display: none;
}
/*
div#popper-header-video{
	position: absolute;
	top: 0px;
	background-color: #47C7F4;
	margin: 0 auto;
	height: 50px;
	color: #FFF;
	padding: 20px;
	margin-bottom: 0px;
	z-index: 6000;
	text-decoration:none;
}
div#popper-header-stockist{
	position: absolute;
	top: 0px;
	background-color: #47C7F4;
	margin: 0 auto;
	height: 50px;
	color: #FFF;
	padding: 20px;
	margin-bottom: 0px;
	z-index: 8000;
	text-decoration:none;
}
*/


div#popper-main-designer,div#popper-main-video,div#popper-main-stockist, div#popper-main-interior{
	background-color: #FFF;
	height: 580px; /*455*/
	margin-top: 0px;
	padding: 10px 20px 20px 20px;
	z-index: 5000;
	overflow-y: scroll;
	overflow-x: hidden;
}


div#popper-header-designer h1, div#popper-header-video h1, div#popper-header-stockist h1, div#popper-header-stockist-page h1{
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h1.domalti{color: #000;font-family: arial; font-size: 16px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase;}
h2.domalti{color: #000;font-family: arial; font-size: 11px;}
h1.ispace{color: #AD208E;font-family: arial; font-size: 16px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase;}
h2.ispace{color: #000;font-family: arial; font-size: 11px;}
h1.basix{color: #6A7285;font-family: arial; font-size: 16px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase;}
h2.basix{color: #000;font-family: arial; font-size: 11px;}
h1.spacepro{color: #000;font-family: arial; font-size: 16px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase;}
h2.spacepro{color: #000;font-family: arial; font-size: 11px;}

div#popper-header-designer h2, div#popper-header-video h2, div#popper-header-stockist h2, div#popper-header-stockist-page h2{
	font-size: 12px;
	line-height: 12px;
}

div#popper-main-designer h3, div#popper-main-video h3, div#popper-main-stockist h3{
	color: #47C7F4;
	font-size: 18px;
	line-height: 18px;
	margin-top: 0px;
	padding-top: 0px;
}

div#popper-main-designer a, div#popper-main-video a, div#popper-main-stockist a{
	color: #000;
	font-size: 13px;
	text-decoration:underline;
}

a.popper-close{
	color: #FFF;
	font-size: 13px;
	text-decoration:underline;	
}

div.how-to-video-clip-holder{
	width: 250px;
	padding-left: 30px;
	height: 205px;
	float: left;
}
div.how-to-video-clip-holder h2{
	color: #47C7F4;
	font-size: 18px;
	line-height: 22px;
	margin: 0px;
	text-align: left;
	font-color: #666;
	font-weight: normal;
}
div.how-to-video-clip{
	float: left;
	width: 250px;
	height: 150px;
	border: 1px solid #666;
}
div.how-to-video-clip{
	float: left;
	width: 250px;
	height: 150px;
	border: 0px solid #666;
	font-color: #666;
	font-weight: normal;
}

.video_area {
    float: left;
    width: 250px;
	height: 150px;
	overflow: hidden;	
	text-align: right;
	padding: 3px 0px 0px 0px;
	border: 0px #999 solid;			
}
#show_1, #show_2, #show_3, #show_4, #show_5 {
    display: block;
	width: 225px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	background-color:#FFF;
}

#play_1, #play_2, #play_3, #play_4, #play_5 {
    display: block;
    background: url(../images/buttons/play-button.gif) no-repeat;
    width: 225px;
	height: 0px;
	margin: 0px;
	padding: 0px;	
	visibility: hidden;
}


/*------------*/

span#errMessage{
	font-size: 18px;
	line-height: 18px;
	color: #CD0001;
}

div#mapWrapper{position: relative; top: 0px;text-decoration: none}

/*STATIC POPPER*/


div#static-popper h1{
	font-size: 18px;
	line-height: 22px;
}

div#static-popper h2{
	font-size: 12px;
	line-height: 16px;
	color: #000;
	color: #666;
	font-weight: normal;
}

div#static-popper  div.how-to-video-clip-holder h2{
	color: #6A7285;
	color: #666;
}

input#search_site_field{
	color: #666;
	font-size: 12px;
	padding: 0px 1px;
}

a.h2link{color: #666; text-decoration: underline;}

/*NEWS POPUP*/
span.news-copy{display: block;width: 600px; height: 300px; float: left; margin-right: 40px; border-right: 0px solid #FF0000;}
span.news-image{display: block;width: 200px; height: 300px; float: left; margin-right: 0px; border-right: 0px solid #FF0000;}

/*OTHER*/
.activeImage{color: #333; cursor: pointer; font-size: 11px !important;}