@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

body, html{
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
}

h1{
display:inline;
font-size:27px;
font-weight:bold;
}
h2{
display:inline;
font-size:27px;
font-weight:bold;
}
h3{
display:inline;
font-size:12px;
}
h4{
display:inline;
font-weight:normal;
}

/* IE PNG fix needs the htc file and blank.gif */
/*.imgimg{
behavior: url(../stylesheets/iepngfix.htc);
}*/

.clearfloat{
clear:both;
height:0px;
line-height:0px;
font-size:0px;
}

.indentlist ul, ol{
margin-left:30px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.cssbutton {
    background: transparent url('../images/common/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    font: normal 14px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.cssbutton span {
    background: transparent url('../images/common/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.cssbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.cssbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


#banner{
background:url(../images/common/banner_repeat.jpg) repeat-x;
height:218px;
width:100%;
}
#banner_content{
width:930px;
margin:0px auto 0px auto;
padding-left:40px;
padding-right:40px;
}
#banner_logo{
background:url(../images/common/banner.jpg) no-repeat;
width:930px;
height:218px;
/*margin:0px auto 0px auto;*/
}

#banner_edit{
background-image:url(../images/common/banner_edit.png);
background-repeat:no-repeat;
height:120px;
}

.login_text{
font-size:12px;
color:#999999;
margin-top:12px;
margin-right:20px;
}

#login{
text-decoration:none;
color:#FFFFFF;
position:relative;
top:90px;
right:20px;
font-size:12px;
cursor:pointer;
}
#frmLogin{
font-size:14px;
color:#666666;
line-height:17px;
}
#logout{
text-decoration:none;
color:#FFFFFF;
font-size:12px;
cursor:pointer;
}

.dotted_line{
background-image:url(../images/common/dotted_line.gif);
background-repeat:no-repeat;
width:155px;
height:1px;
font-size:0px;
line-height:1px;
}

.spotlight_block{
padding-left:85px;
padding-right:10px;
padding-top:25px;
}
.spotlight_block_title{
font-weight:bold;
font-size:18px;
color:#FF9900;
}
.spotlight_block_content{
font-size:12px;
color:#666666;
}


#spotlight_downloads{
background:url(../images/common/downloads_back.png) no-repeat;
width:286px;
height:105px;
margin-bottom:13px;
}
#spotlight_products{
background:url(../images/common/products_back.png) no-repeat;
width:286px;
height:105px;
margin-bottom:13px;
}
#spotlight_enquiries{
background:url(../images/common/enquiries_back.png) no-repeat;
width:286px;
height:105px;
}

#product_img_ecofloor{
background:url(../images/common/ecofloor_img.jpg) no-repeat;
width:298px;
height:154px;
float:left;
margin-right:10px;
cursor:pointer;
}
#product_img_ecofilm{
background:url(../images/common/ecofilm_img.jpg) no-repeat;
width:298px;
height:154px;
float:left;
margin-right:10px;
cursor:pointer;
}
#product_img_ecoflex{
background:url(../images/common/ecoflex_img.jpg) no-repeat;
width:298px;
height:154px;
float:left;
cursor:pointer;
}

.unsubscribe_text{
font-size:10px;
color:#666666;
}

#feature_home{
padding:12px;
background-color:#FFFFFF;
margin-bottom:13px;
}
#feature_home_block{
float:left;
width:275px;
padding-left:20px;
}
.feature_home_block_title{
font-size:16px;
font-weight:bold;
color:#FF9900;/*#FF9900;*/
margin-bottom:10px;
}
.feature_home_block_title h2{
font-size:16px;
font-weight:bold;
}

.feature_home_block_content{
font-size:12px;
color:#666666;
line-height:16px;
}

.mainh1{
position:absolute;
left:-10000px;
}

#lang_icon_en{
background:url(../images/common/language_en.png) no-repeat;
width:32px;
height:32px;
}
#lang_icon_en_selected{
background:url(../images/common/language_en_roll.png) no-repeat;
width:32px;
height:32px;
}
#lang_icon_de{
background:url(../images/common/language_de.png) no-repeat;
width:32px;
height:32px;
}
#lang_icon_de_selected{
background:url(../images/common/language_de_roll.png) no-repeat;
width:32px;
height:32px;
}
#lang_icon_fr{
background:url(../images/common/language_fr.png) no-repeat;
width:32px;
height:32px;
}
#lang_icon_fr_selected{
background:url(../images/common/language_fr_roll.png) no-repeat;
width:32px;
height:32px;
}
#lang a{
float:left;
}

#nav_products ul{
list-style:none;
}
#nav_products a{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

#nav_products_home{
list-style:none;
}
#nav_products_home a{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

#carousel_prev{
background:url(../images/common/carousel_prev.png) no-repeat;
width:32px;
height:49px;
}
#carousel_next{
background:url(../images/common/carousel_next.png) no-repeat;
width:32px;
height:49px;
}
.carousel-control{
width:100%;
height:100%;
display:block;
}

#nav ul{
list-style:none;
}
.nav_item{
background:url(../images/common/nav_back.png) no-repeat;
width:194px;
height:25px;
display:block;
text-decoration:none;
font-size:15px;
color:#666666;
padding-top:8px;
padding-left:22px;
}
.nav_item:hover{
text-decoration:underline;
}
.nav_item_selected{
background:url(../images/common/nav_back_selected.png) no-repeat;
width:216px;
height:25px;
display:block;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
text-decoration:none;
padding-top:8px;
padding-left:22px;
}
.nav_spacer{
background-color:#CCCCCC;
width:194px;
height:1px;
margin-top:3px;
margin-bottom:3px;
line-height:1px;
font-size:1px;
}

.distributor_location{
font-size:16px;
color:#FF9900;
font-weight:bold;
}
.distributor_description{
font-size:14px;
color:#333333;
min-height:100px;
line-height:18px;
}
.distributor_description a{
color:#666666;
text-decoration:none;
}

#nav_products ul{
list-style:none;
}

#products{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:7px;
}
#products_title{
background-color:#666666;
color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
font-size:27px;
font-weight:bold;
width:874px;
}
#products_content{
padding:20px;
}
.products_article_title{
font-size:27px;
color:#FF9900;
margin-top:1px;
margin-bottom:10px;
}
.products_article_content{
font-size:13px;
color:#666666;
}
.products_article_content a{
color:#FF9900;
}
.products_article_content table{
table-layout:fixed;
}
.products_bar{
background:url(../images/products/product_back.png) no-repeat;
width:423px;
height:39px;
padding-left:20px;
padding-top:7px;
}
.products_bar_home{
background:url(../images/products/product_back_home.png) repeat-x;
width:284px;
height:37px;
}

.popup_product_title{
}

.popup_product_content{
width:250px;
height:220px;
overflow:hidden;
}

#feature_newsletter{
border:1px solid #999999;
padding:15px;
}
#feature_newsletter_icon{
background:url(../images/common/newsletter_img.jpg) no-repeat;
width:83px;
height:63px;
}
.feature_newsletter_title{
font-size:16px;
color:#FF9900;
font-weight:bold;
}
.feature_newsletter_content{
font-size:11px;
color:#666666;
}

.img_links_home a{
text-decoration:none;
}

.downloads_title{
font-size:21px;
font-weight:bold;
color:#FF9900;
margin-bottom:10px;
}
.downloads_text{
font-size:14px;
color:#666666;
margin-bottom:20px;
}
.downloads_block_title{
margin-top:12px;
margin-left:15px;
}
.downloads_block_title a{
font-size:15px;
font-weight:bold;
text-decoration:none;
color:#666666;
}
.downloads_block_category{
font-size:17px;
font-weight:bold;
text-decoration:none;
color:#FF9900;
margin-bottom:5px;
}

.news_article_title{
font-size:18px;
color:#FF9900;
margin-bottom:15px;
}
.news_article_date{
font-size:10px;
color:#666666;
margin-top:5px;
margin-left:7px;
}
.news_article_content{
font-size:12px;
color:#666666;
}
.news_article_content a{
color:#FF9900;
}
#news_current_page{
text-decoration:underline;
}

.news_article_spacer{
height:1px;
line-height:1px;
font-size:1px;
width:650px;
background-color:#CCCCCC;
margin-top:20px;
margin-bottom:20px;
}

#news_home{
width:286px;
height:235px;
overflow:hidden;
float:left;
}
#news_home_title{
background-color:#666666;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
letter-spacing:-1.5px;
padding:5px 15px 5px 15px;
}
.news_home_div{
background:url(../images/common/home_news_back.png) no-repeat;
width:236px;
height:50px;
padding-left:50px;
margin-top:2px;
}

.home_header{
background:url(../images/common/home_header_back.png) repeat-x;
height:16px;
border-bottom:1px solid #999999;
padding:4px;
padding-left:10px;
font-size:16px;
font-weight:bold;
color:#666666;
overflow:hidden;
}
.home_read_more{
background:url(../images/common/home_read_more.png) no-repeat;
width:90px;
height:24px;
}

#links{
padding:10px;
}

#links_home{
width:585px;
height:230px;
overflow:hidden;
/*padding-top:10px;
padding-left:15px;
padding-right:15px;
padding-bottom:30px;*/
border:1px solid #999999;
}
.links_home_title{
margin-bottom:10px;
background-color:#666666;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
letter-spacing:-1.5px;
padding:5px 15px 5px 15px;
}
#links a{
font-size:13px;
color:#666666;
padding-top:5px;
display:block;
}

#menu{
background-image:url(../images/common/menu_black_round.png);
background-repeat:no-repeat;
text-align:center;
margin-top:12px;
/*width:300px;*/
overflow:hidden;
float:right;
margin-right:3px;
}
#menu_list{
font-weight:bold;
font-size:14px;
text-decoration:none;
color:#666666;
white-space:nowrap;
list-style-type:none;
padding-bottom:0px;
display:block;
}

#menu_list li{
line-height:22px;
display:inline;
float:left;
}
.menu_end_left{
background:url(../images/common/top_menu_left.png) no-repeat;
width:5px;
height:40px;
}
.menu_end_left_roll{
background:url(../images/common/top_menu_left_roll.png) no-repeat;
width:5px;
height:40px;
}
.menu_end_right{
background:url(../images/common/top_menu_right.png) no-repeat;
width:5px;
height:40px;
}
.menu_end_right_roll{
background:url(../images/common/top_menu_right_roll.png) no-repeat;
width:5px;
height:40px;
}
.menu_list_item{
/*padding:2px 5px 2px 5px;*/
background:url(../images/common/top_menu_back.png) repeat-x;
height:40px;
text-decoration:none;
color:#666666;
display:block;
overflow:hidden;
white-space:nowrap;
padding-left:28px;
padding-right:28px;
padding-top:6px;
float:left;
}
.menu_list_item_selected{
/*padding:2px 5px 2px 5px;*/
background:url(../images/common/top_menu_back_roll.png) repeat-x;
height:40px;
text-decoration:none;
color:#FF9900;/*#FF9900;*/
display:block;
overflow:hidden;
white-space:nowrap;
padding-left:28px;
padding-right:28px;
padding-top:6px;
float:left;
}
.menu_spacer{
background:url(../images/common/top_menu_spacer2.png) no-repeat;
width:1px;
height:40px;
}
.menu_list_item:hover{
cursor:pointer;
color:#FF9900;/*#FF9900;*/
/*background-color:#0083D3;*/
}
.menu_list_spacer{
background-image:url(../images/common/menu_spacer.png);
background-repeat:no-repeat;
width:1px;
height:28px;
display:block;
margin-left:-0px;
margin-right:-0px;
/*padding:6px 0px 6px 0px;*/
}

#menu_list_mid{
font-weight:bold;
font-size:14px;
text-decoration:none;
color:#666666;
white-space:nowrap;
list-style-type:none;
padding-bottom:0px;
display:block;
}
#menu_list_mid li{
line-height:22px;
display:inline;
float:left;
text-align:center;
}
#submenu{
width:930px;
margin:0px auto 0px auto;
padding-left:40px;
padding-right:40px;
}
#submenu_content{
width:930px;
margin:0px auto 0px auto;
}

.submenu_list_item{
/*padding:2px 5px 2px 5px;*/
background:url(../images/common/mid_menu_back.png) no-repeat;
width:209px;
height:45px;
text-decoration:none;
color:#FFFFFF;
display:block;
overflow:hidden;
white-space:nowrap;
padding-top:8px;
float:left;
}
.submenu_list_item_selected{
/*padding:2px 5px 2px 5px;*/
background:url(../images/common/mid_menu_back_roll.png) no-repeat;
width:209px;
height:45px;
text-decoration:none;
color:#FFFFFF;
display:block;
overflow:hidden;
white-space:nowrap;
padding-top:8px;
float:left;
}
.submenu_list_item:hover{
cursor:pointer;
text-decoration:underline;
/*background-color:#0083D3;*/
}

#main{
background:url(../images/common/main_back.png) repeat-x;
width:100%;
height:250px;
}


#pageref{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:15px;
margin-right:10px;
}
.pagereflinks{
color:#666666;
text-decoration:none;
}
.pagereflinks:visited{
color:#666666;
}

.links_text a{
color:#999999;
}

/* change padding for end items */
/*#menu_left{
padding-left:22px;
}
#menu_right{
padding-right:23px;
}*/

#container{
width:930px;
margin:0px auto 0px auto;
padding-left:40px;
padding-right:40px;
padding-top:20px;
}
#container_content{
width:940px;
margin:0px auto 0px auto;
}

#news{
padding-top:0px;
}
.news_home_icon{
background:url(../images/common/news_img.jpg) no-repeat;
width:32px;
height:34px;
float:left;
}
.news_home_block{
float:left;
width:220px;
padding:7px 0px 5px 5px;
}
.news_home_block_title{
font-size:14px;
font-weight:bold;
color:#FF9900;
margin-bottom:3px;
}
.news_home_block_content{
font-size:12px;
color:#666666;
}

.floor_plan_title{
font-size:16px;
color:#FF9900;
font-weight:bold;
margin-bottom:5px;
}
.floor_plan_text{
font-size:13px;
color:#666666;
margin-bottom:10px;
}

#c1{
margin-right:5px;
float:left;
width:175px;
}
#footer{
margin-top:20px;
font-size:10px;
color:#666666;
text-align:center;
}
#footer a{
text-decoration:none;
color:#666666;
}
#footer a:hover{
color:#EE1F45;
}
.close_popup{
text-decoration:none;
color:#333333;
}
.lightbox {
/*margin:0px auto 0px auto;*/
margin-top:0%;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
color: #333;
/*display: none;*/
position:relative;
/*width:60%;
top: 0;
left: 0;
right: 50%;
width: 50%;
height: 50%;*/
padding: 10px;
border: 10px solid #B8B8B8;
background-color: white;
text-align: left;
z-index:1002;
/*overflow: auto;	*/
}
#overlay{
/*background-image:url(../images/common/loading.gif);
background-repeat:no-repeat;
background-position:center;
background-image:url(../images/common/transparency3.png);
background-repeat:repeat;*/
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#333;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
/* IE6 and below Can't See This */
/*.lightbox[id]{  position:fixed; }*/
#overlay[id]{
/*background-color:transparent;*/
position:fixed;
}
#loadingbar{
background-image:url(../images/common/loading.gif);
background-repeat:no-repeat;
background-position:center;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:1000;
}
#loadingbar[id]{
position:fixed;
}

.popup_container{
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:1001;
}
/*#table_container{
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%
}*/

/* popup upload box */

img.name { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #DDD; }		
img.button { 
width: 81px; height: 34px; 
cursor: pointer; margin-right: 5px;
}		
div.file { 
width: 180px; height: 20px;
margin: 0px; padding: 5px;
border: 1px solid #DDD;
color: #000000; font-weight: bold;
}
#files{
width:100%;
height:300px;
overflow:scroll;
overflow-x:hidden;
border: 1px solid;
}
div.file div {width: 0px; height: 5px; background-color: #FFF; bottom: 5px; left: 5px; }

#articles{
/* CAREFUL - this can mess up the editor going from fullscreen and back */
padding-left:10px;
padding-right:10px;
}
#article_submit{
/*background-image:url(../images/common/article_add.png);
background-repeat:no-repeat;
width:31px;
height:39px;*/
margin:10px;
cursor:pointer;
border:0px;
}
.article{
padding-top:20px;
padding-bottom:20px;
}
.article_title{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#333333;
margin-bottom:15px;
}
.article_image{
width:160px;
height:106px;
border:1px #CBCBCB solid;
float:left;
cursor:pointer;
}
.article_content{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
width:100%;
padding-left:0px;
padding-right:0px;
float:left;
}
.article_separator{
background-image:url(../images/common/article_separator.gif);
background-repeat:no-repeat;
width:510px;
height:1px;
font-size:0px;
}
.album_image{
cursor:pointer;
}
#album_add{
width:100px;
padding-bottom:10px;
padding-left:10px;
}

#SMS{
background-image:url(../images/BigShout/SMS.png);
background-repeat:no-repeat;
width:165px; /*175 minus padding*/
height:252px; /*120 minus padding*/

font-family:"Century Gothic", arial;
/*font-weight:bold;
font-size:18px;
text-decoration:none;*/
color:#FFFFFF;

margin-bottom:6px;

padding-left:10px;
padding-top:10px;

overflow:hidden;
}
#SMS_input{
margin-top:130px;
}
#email_field{
width:150px;
}

#ffupload{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#ffupload a{
color:#FF3366;
}

.enquiry_text{
font-size:12px;
color:#333333;
width:200px;
float:left;
}
.enquiry_text_small{
font-size:12px;
color:#333333;
}
.enquiry_textbox{
float:left;
width:300px;
height:14px;
}
.enquiry_spacer{
height:10px;
}

.contact_us_text{
font-size:12px;
color:#333333;
}

/*#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat;
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	*/