@charset "UTF-8";
/* Total Laminate Systems */

/* Colors
White: 
Dark grey: rgb(33,32,35) 
Mid grey : rgb(46,45,48)
Light grey: rgb(194,195,196)
Green: rgb(0,70,63)
Orange: rgb(232,144,21)
*/

body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; color:rgb(33,32,35); font-weight:normal; background-color: rgb(33,32,35); }

h1 {margin:0; font-size:1.4em; line-height:1.4em; text-align:left; color: white; font-weight:normal;}
h2 {margin: 0 0 15px 0; font-size:1.3em; line-height:1.4em; text-align:left; color: rgb(46,45,48); font-weight:normal;}
h2.lines { margin-top:0; border-bottom: solid 1px rgb(232,144,21); padding:0px 0px 5px 0px;}
h3 {margin: 0 0 10px 0; font-size:1.4em; line-height:1.6em; text-align:left; color:rgb(232,144,21); font-weight:normal;}
h4 {font-size:1.2em; text-align:left; color:white; font-weight:normal; margin:0;}
p { margin: 0 0 15px 0; font-size:1.1em; line-height:1.6em; text-align:justify; color:rgb(33,32,35); font-weight:normal;}
.white {color:white;}
.clear {clear:both;}
.clear_right {clear:right;}
.italic { margin: 0 0 15px 0; font-size:1em; line-height:1.6em; text-align:justify; color:rgb(33,32,35); font-weight:normal; font-style:italic;}
img { border:0; }
ul {padding-left:15px; list-style:disc; margin:0px; }
li { margin: 0 0 5px 0; font-size:1.1em; line-height:1.2em; text-align:left; color:rgb(33,32,35); font-weight:normal;}
input { color:rgb(46,45,48); }
a {color:rgb(232,144,21); text-decoration:none;}
a:hover {color:rgb(232,144,21); text-decoration:underline;}
.bold {font-weight:bold;}
.smaller {font-size:10px;}
.numbers {font-size:1.2em; text-align:left; color:rgb(232,144,21); font-weight:normal; margin:0;}
.light_grey { color:rgb(194,195,196);}
.dividing_line {margin-bottom:25px; border-bottom: solid 1px rgb(232,144,21); padding:10px 0px 0px 0px;}

.pdf_icon { float:left; margin: 5px 15px 40px 0; padding:0px; }
#page_isis_swatches .pdf_icon , #page_dante_swatches .pdf_icon , #page_shock_swatches .pdf_icon , #page_freestyle_swatches .pdf_icon { float:left; margin: 5px 15px 40px 0; padding:0px;}

#logo { padding:30px 0 0 40px;}

#container { background-color:rgb(33,32,35); width:1010px; }

#header {margin:0; width:1010px; }

#client_login { background-color:rgb(232,144,21); padding:15px; width:300px; position:absolute; left:680px;}
#client_login label {color:white; font-size:1em; }
.fill_in_1 {padding: 0 15px 0 0; float:left;}
.fill_in_2 {padding: 0 15px 0 0; float:left;}
.login { float:left; margin: 15px 0 0 0;}
#client_login p {font-size:1em; line-height:1em; margin:0 0 5px 0; text-align:right;}
#client_login a {color:rgb(33,32,35); text-decoration:none;}
#client_login a:hover {color:rgb(33,32,35); text-decoration:underline;}

#content {width:1010px;}

#left_column { float:left; margin:40px 0px 50px 0px; width:250px; background-color:rgb(33,32,35); }
.sub_menu {margin: 0 0 88px 30px;}

#main { margin-left:300px; background-color:white; padding:40px; }
#page_isis #main { margin-left:300px; background-color:white; padding:40px 40px 150px 40px; }
#page_dante #main { margin-left:300px; background-color:white; padding:40px 40px 180px 40px; }
#page_freestyle #main { margin-left:300px; background-color:white; padding:40px 40px 140px 40px; }
#page_shock #main { margin-left:300px; background-color:white; padding:40px 40px 90px 40px; }

.menu { top:0px; font-size:1em;}
.menu ul {margin:0; padding:0; list-style:none; float:right; }
.menu li { margin:0px 1px 0px 0px; padding:0; display:block; float:left; }
.menu li.selected , .menu a:hover {  display:block; float:left; background-color:white; border-top:1px solid rgb(244,159,34); color:rgb(33,32,35); padding:7px 10px 7px 10px; font-weight:normal; text-decoration:none; }
.menu li.lastitem { border-right:0; margin-right:0; }
.menu a { display:block; float:left;  background-color:rgb(33,32,35); border-top:1px solid rgb(46,45,48); color:white; padding:7px 10px 7px 10px; font-weight:normal; text-decoration:none;}

#breadcrumb { margin:0 0 20px 0; line-height: 1.3em; font-size:1.1em;}

#text {}

#text_block { margin: 0 300px 0 0;}

#page_washrooms .heading , #page_gallery .heading , #page_furniture .heading {margin:0px 0 20px 0;}
.heading {margin:20px 0 20px 0;}
.subheading {margin:5px 0 10px 0;}

.two_pics {margin:0px 0px 0 0px; float:left; width:300px;}
.pic_2 {margin:0px 0px 0 25px;}

.boxes { margin:20px 0 0 30px; padding:15px; }
.mid_grey_box { background-color:rgb(46,45,48); margin:0 0 0px 0; }
.mid_grey_box p { color:white; font-size:1em; }
.mid_grey_box h2 { color:white; margin: 5px 0 15px 0; font-size:1.3em; line-height:1.4em; text-align:left; font-weight:normal; border-bottom: dotted 1px rgb(194,195,196); padding:0px 0px 10px 0px;}
.mid_grey_box a {color:rgb(232,144,21); text-decoration:none;}
.mid_grey_box a:hover {color:rgb(232,144,21); text-decoration:underline;}
.small_pic {border:1px solid white;}
.small_pic_1 {border:1px solid rgb(46,45,48);}
.small_pic_2 {border:1px solid rgb(46,45,48); margin:15px 0 0 0;}

.thumb_pic {border:1px solid white; float:right; width:50px; margin:0 0px 10px 20px;}
.news_home {}
.news_home p { margin:0;}
.dotted_line {border-bottom: dotted 1px rgb(46,45,48); margin:10px 0px 10px 0px;}
.orange {color:rgb(232,144,21);}

#casestudy_left { margin-left:40px; }
#further_information { margin-left:40px; }
#other_ranges { margin-left:40px; }

#smaller_images { margin:20px 0 0 30px; float:right; width: 220px;}

.right {float:right; width:300px;}
.left {width:300px;}

.right_text {float:right; width:220px; margin:0 0 20px 0;}

#page_contact .light_grey_box { float:none; width:270px; background-color:rgb(194,195,196); margin:0px; padding:15px;}
#page_contact .light_grey_box p { color:rgb(33,32,35); font-size:1em; }

#product_boxes { margin:0px 0 20px 0px; }
.item_box { float:left; width:190px; border:1px solid rgb(232,144,21); margin:0 20px 20px 0; }
.item_box_1 { float:left; width:190px; border:1px solid rgb(232,144,21); margin:0 0px 20px 0; }
.item_box h2 {padding:0px; margin: 0 0 10px 10px;}
.item_box_1 h2 {padding:0px; margin: 0 0 10px 10px; }
.item_image {padding:10px;}

.swatch {border:1px solid white; float:left; width:50px; margin:0 15px 20px 0; padding:0;}
.company_logos {margin:20px 0 0px 0;}
.logos {border:1px solid white; float:left; margin:0 15px 0px 0; padding:0; border:0;}


.light_grey_box { float:right; width:220px; background-color:rgb(194,195,196); margin:0 0 0 0; }
.light_grey_box p { color:rgb(33,32,35); font-size:1em; }
.light_grey_box a {color:white; text-decoration:none; text-decoration:underline; font-weight:bold;}
.light_grey_box a:hover {color:white; text-decoration:underline; font-weight:bold}

.orange_box { background-color:rgb(232,144,21); margin:10px 0 10px 0; padding:3px 10px 3px 10px; width:180px; }
h4.orange_box a { color:white; }
h4.orange_box a:hover { color:white; text-decoration:underline; }
#page_fortyfour .orange_box { background-color:rgb(232,144,21); margin:10px 0 10px 0; padding:3px 10px 3px 10px; width:210px; }
#page_shock .orange_box , #page_bolt_on_products .orange_box { background-color:rgb(232,144,21); margin:10px 0 10px 0; padding:3px 10px 3px 10px; width:230px; }
#page_alphabet .orange_box , #page_freestyle .orange_box { background-color:rgb(232,144,21); margin:10px 0 10px 0; padding:3px 10px 3px 10px; width:200px; }
#page_shock_leisure .orange_box { background-color:rgb(232,144,21); margin:10px 0 10px 0; padding:3px 10px 3px 10px; width:280px; }
#page_company_profile .orange_box { background-color:rgb(232,144,21); margin:10px 0 10px 0; padding:3px 10px 3px 10px; width:90px; }
#page_washrooms .orange_box { width:130px; }

.supply_buttons { float:right; width:330px; margin:0 13px 0 0; /*top:168px; right:155px; width:320px;*/}
.supply_buttons .orange_box { float:right; margin:0 0 0 10px; }
/*.supply_button_left {float:right; width:130px; margin:0 10px 0 0;}
.supply_button_right {float:right; width:130px; margin:0 10px 0 0;}*/

.more { margin: 20px 0 0 0; background-color:rgb(232,144,21); padding:5px 5px 5px 5px; width:24px;}
.more p { margin: 0 0 0px 0; font-size:1em; line-height:1.1em; color:white;}
.more a {color:white; text-decoration:none;}
.more a:hover {color:white; text-decoration:underline;}

.case_study_box { background-color:rgb(194,195,196); padding:15px; margin:20px 0 20px 0; width:600px;}
.case_study p { font-size:1em; color:rgb(33,32,35); }

.casestudy_thumbnail {float:right; padding:5px 0 5px 5px; width:200px; margin-left:15px; }
.casestudy_thumbnail img {margin: 0 0 5px 10px;}

.gallery_image { float:left; margin:0 20px 50px 0; width:137px; height:91px; }
.gallery_image img {border:0;}
.gallery_image .caption { font-size:0.9em; margin:8px 0 0 0; text-align:left; color:rgb(33,32,35); font-weight:normal;}

.swatch_image { float:left; margin:0 20px 50px 0; width:88px; height:88px; }
.swatch_image img {border:0;}
.swatch_image .caption { font-size:0.9em; margin:8px 0 0 0; text-align:left; color:rgb(33,32,35); font-weight:normal;}

.swatch_image_last { float:left; margin:0 0px 50px 0; width:88px; height:88px; }
.swatch_image_last img {border:0;}
.swatch_image_last .caption { font-size:0.9em; margin:8px 0 0 0; text-align:left; color:rgb(33,32,35); font-weight:normal;}

.washroom_logo {margin:0px 0 10px 0;}

#contact_form_table { margin:5px 0 0 0; padding:0; color:rgb(33,32,35); font-size:1.1em;}
#contact_form_table input { margin:2px 0 2px 0; }
#contact_form_table textarea { margin:2px 0 2px 0; }
#contact_form_table label { padding-right:10px; }
#contact_form_table input.login_text { margin: 0 0 0 20px;  padding:0px; width:170px; } 
#contact_form_table td { text-align:left; vertical-align:middle; padding:0 10px 5px 0; }
.gap {padding:20px 0 0 0;}

.client_table {margin: 0 0 20px 0;}
.client_table_td {line-height:1.5em; vertical-align:top; font-size:1.1em;}

/* Pop-up */

div#tipDiv {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	z-index:10000;
	}
div.popup { border:1px solid rgb(232,144,21); padding:10px; background-color:white; width:350px; }
div.popup p { padding:0px 15px 0 15px;}
div.popup h2 { padding:10px 15px 0 15px;}

#footer { clear:both; margin:10px 0 0 0; padding:0 0 30px 0; }/*{ border-top: rgb(46,45,48) 1px solid; padding:10px 0px 10px 0px; margin:0px;}*/
#footer p { float:right; font-size: 0.9em; margin: 0px; color:rgb(194,195,196);}
/*p#footer_copyright { margin: 15px 0px 0px 0px; }*/