@charset "utf-8";
/***********************************
************************************
***
** 1. Defaults
** 2. Helpers
** 2. Common
** 3. Navigation
** 4. Modules
** 5. Structure
*

Guidelines:
-Please maintain the files general structure as is.
-Maintain style selectors' (tree like) indentations.
-Insert special pages style overrides next to the original style.
-Exception to previous: Structure overrides of some template pages with major
 modifications are to be placed as a separate block at the end of the file.
-Header styles are in components.css, but place color their definitions here.
-Default font should be placed in components.css AND in the first selector
 of this file.
-ID-selectors must always include the element name (i.e. div#search_box)
 
/****************************************************************************
                     Defaults
*****************************/

/* Default font (normal_text). Same as in components.css */
body, table, td, li, .normal_text {
	font-size: 11px;
	line-height: 14px;
	font-family: Verdana, Arial, sans-serif;
}

body {
	background: white;
	color: #333333;
	padding: 0; margin: 0;  
}
table {
	border-collapse: collapse; /* setting cellspacing is therefore redundant */ 
	empty-cells: show;
	margin: 0;
}
td { vertical-align: top; padding: 0; }
th { text-align: left; font-weight: bold; }

p {/* margin: 0; padding: 0; */}

ul, ol {
	padding: 0;
	margin: 0;
	margin-left: 15px;
	list-style-position: outside;
	text-indent: 0;
}
ul { list-style-type: disc }
ol { list-style-type: decimal; }

form { padding: 0; margin: 0; }


/* Gyproc-spesifinen tapa saada superscripti */
i { 
	font-style: normal;
	font-size:70%;
  position:relative;
  bottom: 0.5em;
}

a:link { 
	color: #0076bd;
}
a:visited { 
	color: #990099;
}
/****************************************************************************
                       Helpers
*****************************/

h1.left  { display: block; margin-bottom: 5px; font-weight: bold; }
h1.right { display: block; margin-bottom: 5px; font-weight: bold; }

.tiny_text         { font-size: 10px; }
.small_text        { font-size: 11px; }
.large_text        { font-size: 16px; }
.huge_text         { font-size: 18px; }

input.short_width  { width: 100px; }
input.normal_width { width: 150px; }
input.long_width   { width: 200px; }

input.button       {  }
input.text         {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		border: solid 1px black;
}

.nopad             { margin: 0 !important; padding: 0 !important; }
.bmargin           { margin-bottom: 15px; }
.padblock          { display: block; padding: 10px 0; }

.error	           { font-weight: bold; color: red; }
.ok		             { font-weight: bold; color: green; }

td.align_middle    { vertical-align: middle; }
td.align_top       { vertical-align: top; }
td.align_bottom    { vertical-align: bottom; }
.align_left        { text-align: left; }
.align_center      { text-align: center; }
.align_right       { text-align: right; }

.verdana           { font-family: 'Verdana', 'san-serif'; }
.arial             { font-family: 'Arial', 'san-serif'; }

.bold 						 { font-weight: bold; }

/** add you own here **/

/****************************************************************************
                       Common
*****************************/

/** Text Types **/

div#side_header_left {
	background-image: url(/images/customer/sub_header_td_bg.gif);
	border-right: solid 1px #b2b2b2;
	width: 180px;
	max-width: 160px;
	height: 29px;
	max-height: 24px;
	vertical-align: middle;
	padding: 5px 0px 0px 20px;
	font-size: 15px;
	font-style: italic;
	color: #FFFFFF;
}

div#side_header_right {
	background-image: url(/images/customer/sub_header_td_bg.gif);
	border-left: solid 1px #b2b2b2;
	width: 195px;
	max-width: 175px;
	height: 29px;
	max-height: 24px;
	vertical-align: middle;
	padding: 5px 0px 0px 20px;
	font-size: 15px;
	font-style: italic;
	color: #FFFFFF;
}

a.link_item, .internal_link, a.product_link, .product_link {
	background-image: url(/images/customer/bullet_round.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px 0px 5px 30px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

a.link_item_sidefix {
	background-image: url(/images/customer/bullet_round.gif);
	background-repeat: no-repeat;
	margin-left: 12px;
	padding: 5px 0px 5px 27px;
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
	margin-top: 5px;
}

.date {
	color: #666666;
}

a.bold {
	font-weight: bold;
}

h1 {
	font-weight: bold;
	font-size: 18px;
	/*color: #0076bd;*/
	color: #000;
	padding: 0;
	margin: 5px 0px 5px 0px;
	line-height: 18px;
}	

h2, h2 a, h2 a:visited {
	font-weight: bold;
	font-size: 11px;
	color: #0076bd;
	padding: 10px 0px 2px 0px;
	margin: 5px 0 0 0;
}	

div#dots {
	background-image: url(/images/customer/dotline.gif);
	background-repeat: repeat-x;
	height: 1px;
	padding: 0px;
	margin: 0px;
}

div.dots {
	background-image: url(/images/customer/dotline.gif);
	background-repeat: repeat-x;
	height: 1px;
	padding: 0 5px 0 2px;
	margin: 0 5px 2px 1px;
}
div.person_dots {
	clear: both;
	background-image: url(/images/customer/dotline.gif);
	background-repeat: repeat-x;
	height: 1px;
	margin: 2px 5px 2px 1px;
}

h6 {
	font-weight: bold;
}

.path {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

div#tuotekuva {
	float: right;
	clear: right;
	margin-left: 10px;
	border: solid 1px #cacaca;
}

div#tuotekuva_linkit {
	float: right;
	clear: right;
	width: 180px;
	font-weight: bold;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

/****
links
*****/

/** Normal links within text etc. **/
a, a:visited {
	color: #0076bd;
	text-decoration: none;
}
a:hover	{
	text-decoration: underline;
}

/* internal_link and file_link */
table.link { padding-bottom: 10px; }
	table.link a {  }

table.file   { margin: 3px 0; }
	table.file td.bullet { padding-right: 3px; width: auto; vertical-align: middle; }
	table.file td.link   {  }
		table.file a { font-weight: bold; }
		table.file .filesize {  }

		span.filesize {
			font-size: 11px;
			font-weight: normal;
			color: #777;
		}

/*****
header
******/

td.header_frame_left {
	background-image: url(/images/customer/header_bg_left.gif);
	background-repeat:repeat-x;
	width: 50%;
	height: 115px;
}

td.header_frame_center {
	background-color: #ffffff;
	width: 828px;
	height: 75px;
}

td.header_frame_right_narrow {
	background-image: url(/images/customer/top_nav_left.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #999999;
	text-align: right;
	vertical-align: bottom;
	width: 30px;
}

td.header_frame_right {
	background-image: url(/images/customer/header_bg_right.gif);
	background-repeat: repeat-x;
	width: 50%;
	height: 115px;
}

img#gyproc_logo {
	margin: 15px 0px 10px 35px;
	float: left;
	clear: none
}

img#saintgobain_logo {
	float: right;
	clear: none;
}	

/*****
footer
******/

td.footer_frame_left {
	background-image: url(/images/customer/footer_bg.gif);
	background-repeat:repeat-x;
	width: 50%;
	height: 29px;
}

td.footer_frame_center {
	background-image: url(/images/customer/footer_bg.gif);
	width: 828px;
	height: 29px;
}

td.footer_frame_right {
	background-image: url(/images/customer/footer_bg.gif);
	background-repeat: repeat-x;
	width: 50%;
	height: 29px;
}

div#footer_text {
	float: left;
	clear: none;
	padding: 7px 0px 0px 20px;
	color: #FFFFFF;
}
	div#footer_text p {
	margin: 0; padding: 0;
	font-size: 11px;
	}
		div#footer_text p a:link, div#footer_text p a:visited{
			color: #999;
			font-weight: normal;
	}

div#footer_links {
	float: right;
	clear: none;
	color: #ffffff;
	padding: 7px 10px 0px 0px;
}
p#poweredby {
	text-align: right;
	color: #999;
	margin:5px 10px 5px 0px;
	
}

p#poweredby img {
	margin-top: 5px;
	margin-right: 15px;
}

div#sitemap_feedback_links a{
	color: #ffffff !important;
	
}


/** div#footer {}
	div#footer table { width: 100%; }
		div#footer table td { 
			height: 30px; 
			vertical-align: middle; 
			text-align: center;
			border: 1px solid black;
		}
			div#footer .footer a,
			div#footer .footer a:visited {}
			div#footer .footer a:hover {}
			div#footer .powered_by, 
			div#footer .powered_by a, 
			div#footer .powered_by a:visited {}
			div#footer .powered_by a:hover {} **/

/****************************************************************************
                   Navigation
*****************************/

/***
path
****/

div#path { padding-bottom: 6px; color: #999999;}
	div#path div {  }
		div#path a,
		div#path a:visited { text-decoration: none; color: #999999;}
		div#path a:hover   { text-decoration: underline; }

/*************
top navigation
**************/

div#top_nav {
	float: left;
	clear: none;
	padding-left: 10px;
}

div#top_nav_links {
	float: right;
	clear: none;
	color: #FFFFFF;
	padding: 6px 0px 0px 0px;
}
div#top_nav_links a, div#top_nav_links a:visited { 
	color: #FFFFFF;
}
img#top_nav_right_img {
	float: right;
	clear: none;
}

td.top_nav_left {
	background-image: url(/images/customer/top_nav_left.gif);
	height: 39px;
}

td.top_nav_center {
	background-image: url(/images/customer/top_ribbon_middle.gif);
	background-repeat: repeat-x;
	background-color: #a7a8aa;
	width: 829px;
	height: 40px;
}

td.top_nav_right {
	background-image: url(/images/customer/top_nav_right.gif);
	height: 39px;
}

/* div#top_nav { border: 1px dashed maroon; }
	div#top_nav table.level_1 {}
		div#top_nav table.level_1 td { 
			border-left: 1px solid grey; 
			padding: 0 10px; 
			height: 30px;
			vertical-align: middle;
		}
		div#top_nav table.level_1 td.first { border-left: none; }
			div#top_nav table.level_1 a,
			div#top_nav table.level_1 a:visited {
				text-decoration: none !important;
				font-size: 16px;
				font-weight: normal;
				color: red;
			}
			div#top_nav table.level_1 a:hover   { 
				background-color: pink;
			}
			
			div#top_nav table.level_1 a.active,
			div#top_nav table.level_1 a.active:visited,
			div#top_nav table.level_1 a.active:hover {
				font-weight: bold;
			} */

/**************
side navigation
***************/

div#side_nav { background: url('/images/customer/left_column_bg.gif') repeat-y;  border-bottom: 1px #999 solid; margin-bottom: 15px;}
	ul#side_menu {
		list-style-type: none;
		marker-offset: 0;
		padding: 13px;
		margin: 0;
		text-indent: 0;
		margin-bottom: 5px; 
	}
	ul#side_menu li        { padding-bottom: 6px; }
		ul#side_menu li a, ul#side_menu li a:visited {
			padding-left: 12px;
			display: block;
			font-family: Verdana;
			text-decoration: none;
			font-weight: bold;
			font-size: 11px;
			line-height: 14px;
		}
		ul#side_menu li a:hover {text-decoration: underline;}
		ul#side_menu li.level1 a.inactive,
		ul#side_menu li.level1 a.inactive:visited { color: #0076bd; }
		ul#side_menu li.level1 a.active,
		ul#side_menu li.level1 a.active:visited,
		ul#side_menu li.level1 a.active_parent 
		ul#side_menu li.level1 a.active_parent:visited
			{ 
				color: #000000; text-decoration: underline;
			}
			
	ul#side_menu li.level1 { padding-left:  0px; }
		ul#side_menu li.level1 a.plus_menu,
		ul#side_menu li.level1 a.plus_menu:visited {
			background: url('/images/customer/navi_plus.gif') 0px 2px no-repeat;
		}
		ul#side_menu li.level1 a.minus_menu,
		ul#side_menu li.level1 a.minus_menu:visited {
			background: url('/images/customer/navi_minus.gif') 0px 2px no-repeat;
		}
		ul#side_menu li.level1 a.null_menu,
		ul#side_menu li.level1 a.null_menu:visited {
			background: url('/images/customer/navi_box.gif') 0px 2px no-repeat;
		}
		
		/* Level 2 */
			ul#side_menu li.level2 a.inactive,
			ul#side_menu li.level2 a.inactive:visited { 
				color: #333333; 
				font-weight: normal;
				background: url('/images/customer/bullet_black.gif') 2px 4px no-repeat;
				font-size: 10px;
			}
			ul#side_menu li.level2 a.active,
			ul#side_menu li.level2 a.active:visited,
			ul#side_menu li.level2 a.active_parent 
			ul#side_menu li.level2 a.active_parent:visited
				{ 
					color: #990000; text-decoration: underline;
					background: url('/images/customer/bullet_arrow_red.gif') 2px 4px no-repeat;
					font-size: 10px;
				}
				
			ul#side_menu li.level2 { padding-left: 3px; font-size: 10px;}

/******************** Old table version

div.side_nav {}

div.side_menu_links_lvl1     {}	/ * All lvl 1 items + children * /
div.side_menu_links_lvl1_act {}	/ * Selected lvl 1 item + children * /
table.side_menu_links_lvl1 	 {} / * Any one lvl 1 item * /
a.side_menu_links_lvl1, a.side_menu_links_lvl1:visited { }
a.side_menu_links_lvl1_act, a.side_menu_links_lvl1_act:visited { 
	font-weight: bold;
}

div#side_menu_links_lvl2   { padding-left: 10px; } / * All lvl 2 items + children * /
table.side_menu_links_lvl2 {}
a.side_menu_links_lvl2, a.side_menu_links_lvl2:visited { }
a.side_menu_links_lvl2_act, a.side_menu_links_lvl2_act:visited { 
	font-style: italic;
}

table.side_menu_links_lvl3 {}
a.side_menu_links_lvl3, a.side_menu_links_lvl3:visited { }
a.side_menu_links_lvl3_act, a.side_menu_links_lvl3_act:visited { 
	text-decoration: underline;
}

table.side_menu_links_lvl4 {}
a.side_menu_links_lvl4, a.side_menu_links_lvl4:visited { }
a.side_menu_links_lvl4_act, a.side_menu_links_lvl4_act:visited { 
	 font-variant: small-caps;
}
*/


/****************************************************************************
                      Modules
*****************************/

/**
FAQ
***/

	.faq_question, .faq_questioner,
	.faq_answer, .faq_answerer { display: block; margin-bottom: 15px; }
	
	.faq_answer     { }
	.faq_answerer   { }
	.faq_question   { }
	.faq_questioner { }
	
	.faq_back { }

/******
sitemap
*******/

	div#sitemap { }
		div#sitemap table { width: 100%; }
			div#sitemap table td      { padding-right: 20px; }
			div#sitemap table td.last { padding-right: 0px; }
				div#sitemap span.level_1 { display: block; margin-bottom: 10px; }
					div#sitemap a.level_1  { font-size: 12px; color: #000; }
				div#sitemap ul       { margin-left: 0; padding-left: 15px; }
					div#sitemap ul li  { }
						div#sitemap ul a { color: #000 !important; }
				div#sitemap ul.level_1   { margin-left: 5px; }
					div#sitemap li.level_1  { }
						div#sitemap a.level_1 { }
				div#sitemap ul.level_2    { margin-left: 5px; }
					div#sitemap li.level_2  { }
						div#sitemap a.level_2 { }
				div#sitemap ul.level_3    { }
					div#sitemap li.level_3  { }
						div#sitemap a.level_3 { }

/***********
product card - tuotekortti
************/

	div.product_link { padding-bottom: 15px; }
	div.product_image { float: right; width: 184px; background: #fff; padding-left: 15px; padding-right: 5px; margin: 4px; text-align: center;}
	div.product_image_caption { font-weight: bold; color: #0076bd; background: #fff; text-align: center; padding-left: 15px; margin: 4px;}
	div.product_image img { border: 1px #999 solid;}
	.product_category_link {}
	
	/* product technical data from fields*/
	table.technical_data_list {font-family: arial;  margin: 10px 0 10px 0; }
	table.technical_data_list tr td, table.technical_data_list tr th {vertical-align: top;}
	
	/* product technical data */
	div.technical_data {clear:both;}
	table.technical_data {font-family: arial;  margin: 10px 0 10px 0;}
	table.technical_data tr {}
	table.technical_data tr th{background-color: #fff; border-bottom: 1px #ddd dotted; font-family: arial;  padding: 2px 10px 2px 3px;}
	table.technical_data tr td {font-family: arial; padding: 2px 10px 2px 3px;}
	.dark {background-color: #f0f0f0; }
	.light {}

/************
person folder - henkilökortti
*************/

	div.embedded_person { 
		margin-bottom: 15px; 
		clear: both;
	}
		div.embedded_person div.picture {
			float:left;
			margin-right: 10px;
			width: 100px;
			height: 119px;
			overflow: hidden;
			margin-bottom: 5px;
		}
	.embedded_person_field_heading { }
	table.view_person_folder {  }

/*******
feedback - palaute
********/
	table.feedback_form {}
	table.feedback_form tr th{ vertical-align: top;}
	table.feedback_form tr td{ padding-left: 3px; padding-top: 2px; padding-bottom: 5px;}
	.feedback_form input { margin-bottom: 5px;}
	td.feedback_error { padding-bottom: 15px; }

/*******
sendlink - kerro kaverille
********/
	table.sendlink_form {}

/*****
Search - haku
******/
	div#search_box {
		background: url('/images/customer/left_column_bg.gif') repeat-y;
		width: 180px;
		max-width: 160px;
		padding: 10px 0px 13px 20px;
		height: 71px;
	}
		div#search_box form { margin: 0; padding: 0; }
		div#search_box input.text {
		width: 140px;
		margin-top: 5px;
		margin-bottom: 2px;
		}

	.otsi {
	float: right;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 15px;
	}
	
	div#search { }
		a.search_result, 
		a.search_result:visited { color: black; }
		a.search_result:hover   { color: #666666; }
	
		a.search_result_path, 
		a.search_result_path:visited { color: #666666; }
		a.search_result_path:hover   { color: black; }

/***
news - uutiset
****/
	
	div#news       {  }
		div#news_nav {  }
		a.news, 
		a.news:visited, 
		a.news:hover { font-weight: bold; }
		a.news:visited { color: #990099; }
		
div#news_box {  
	background: url('/images/customer/right_column_bg.gif') repeat-y;
	width: 195px;
	max-width: 180px;
	padding: 18px 10px 8px 5px;
}
	div#news_box li.news_item {
	list-style-type: none;
	padding-left: 15px;
	background: url(/images/customer/bullet_blue.gif) no-repeat top left;
	/*list-style-image: url(/images/customer/bullet_blue.gif);*/
	list-style-position: outside;
	margin-bottom: 10px;
	}
			a.news_hoist, 
			a.news_hoist:visited, 
			a.news_hoist:hover { display: block; font-weight: bold; }
		
	div#news_list  {  }
		div#news_list  div.list_item { margin-bottom: 10px; }
	
	div#news .news_lead,
	div#news_list .news_lead,
	div#news_hoist .news_lead { display: block; }
	
	div#news .date,
	div#news_list .date,
	div#news_hoist .date { display: block; }

/*******
Calendar
********/

	/* Calendar Monthlist */
		div#cal_monthlist { font-family: arial, verdana; font-size: 11px; width: 150px; }
			div#cal_monthlist_container { padding: 5px; }
			
				div#cal_monthlist a { text-decoration: none; font-size: 13px; }
				div#cal_monthlist a:hover { text-decoration: underline; }
				div#cal_monthlist_titles { padding-left: 15px; padding-bottom: 5px; }
					div#cal_monthlist_titles * { font-size: 15px }
					div#cal_monthlist_titles table td { font-weight: bold; padding-right: 4px; }
				div#cal_monthlist_list {  }
				div#cal_monthlist_list ul { list-style-type: none; padding: 0; margin: 0; }
					div#cal_monthlist_list li { /* jos käytetään kuvabullettia: padding-left: 15px; */ padding-bottom: 3px; }
						div#cal_monthlist_list li a { color: #333; }
						div#cal_monthlist_list li.selected a { /* nuoli tms backgroundina */ font-weight: bold; color: #000 !important; }
						div#cal_monthlist_list li.old a { font-weight: bold; color: #999; }
	
	
	/* Calendar Eventlist */
		div#cal_eventlist { display: block;  }
			div#cal_eventlist_container { padding: 8px; font-family: arial; font-size: 12px;}
			div#cal_eventlist_title { font-size: 18px; font-weight: bold; padding-bottom: 24px; }
			div#cal_eventlist table.calendar_heading_month,
			div#cal_eventlist table.calendar_heading { width: 100%; border-bottom: 1px solid #000; margin-bottom: 10px; }
				div#cal_eventlist table.calendar_heading_month td,
				div#cal_eventlist table.calendar_heading td { padding-bottom: 3px; }
				div#cal_eventlist table.calendar_heading td.link { text-align: right; }
				div#cal_eventlist table.calendar_heading_month td.left_link { text-align: right; }
				div#cal_eventlist table.calendar_heading_month td.title { width: 160px; text-align: center; }
				div#cal_eventlist table.calendar_heading_month td.right_link { text-align: left; }
			div#cal_eventlist .cal_eventlist_month_title { font-size: 16px; font-weight: bold; }
			div#cal_eventlist div.simple_event { padding-bottom: 1.5em; }
				div#cal_eventlist div.simple_event .date    { font-weight: normal; display: block; }
				div#cal_eventlist div.simple_event .place   { font-style: oblique; font-weight: normal; }
				div#cal_eventlist div.simple_event .title   { font-size: 13px; font-weight: bold; display: block; margin: 2px 0; }
				div#cal_eventlist div.simple_event .details { }
			div#cal_eventlist div.full_event { padding-bottom: 1.5em; }
				div#cal_eventlist div.full_event .date    { font-weight: normal; display: block; }
				div#cal_eventlist div.full_event .place   { font-style: oblique; font-weight: normal; }
				div#cal_eventlist div.full_event .title   { font-size: 13px; font-weight: bold; display: block; margin: 2px 0; }
				div#cal_eventlist div.full_event .details { }
				
	
	/* Calendar */
		div#cal_calendar { width: 150px; }
			div#cal_calendar_container { padding: 8px; }
				#cal_calendar_title { background: #9ebef5; margin-bottom: 5px; font-size: 11px; text-align: center; }
					#cal_calendar_title a { text-decoration: none; font-weight: bold; color: black; }
					#cal_calendar_title a:hover { text-decoration: underline; }
				#cal_calendar_month {  }
					#cal_calendar_month table { width: 100%; }
						tr.cal_calendar_weekdays td { color: #873333; border-bottom: 1px solid #aca899; }
						div#cal_calendar_month td { text-align: right; width: 14.2%; font-size: 11px; line-height: 15px; }
						div#cal_calendar_month td.other_month { color: #aca899; }
						div#cal_calendar_month td.today { background: #fbe694; border: 1px solid #bb5503; }
							div#cal_calendar_month td div { padding: 0 2px; }
								div#cal_calendar_month td div.events { background: #c2ffc2; border: 1px solid #c2c2c2; }
									div#cal_calendar_month td div.events a {  text-decoration: none; color: inherit; }
									div#cal_calendar_month td div.events a:hover { }
								div#cal_calendar_month td td.other_month div.events { background: none !important; border: none !important; }




/****************************************************************************
                    Structure
*****************************/
	
/** Content Frames **/

td.content_frame_left {
	background-image: url(/images/customer/left_drop_shadow.gif);
	background-repeat: repeat-y;
	background-position: right;
}

td.content_frame_center {
	width: 825px;
}

td.content_frame_right_narrow {
	background-image: url(/images/customer/right_drop_shadow.gif);
	background-repeat: repeat-y;
	text-align: right;
	padding-left: 15px;
}

td.content_frame_right {
	background-image: url(/images/customer/ribbon_lower_bg.gif); 
	background-repeat: repeat-x;
}

td.inner_content_frame_left {
	background-color: #ebebeb;
	width: 180px;
	border-right: solid 1px #b2b2b2;
}

td.inner_content_frame_center {
	width: 450px;
}

td.inner_content_frame_center_wide {
	width: 590px;
}

td.inner_content_frame_right {
	background-color: #ebebeb;
	width: 195px;
	border-left: solid 1px #b2b2b2;
	margin: 0;
	padding: 0;
}

td.inner_content_frame_right_narrow {
	background-color: #ebebeb;
	width: 60px;
	border-left: solid 1px #b2b2b2;
}

/** Content Blocks **/

div#content_left {
	/*background: url('/images/customer/left_column_bg.gif') repeat-y;
	width: 180px;
	max-width: 150px;
	padding: 7px 5px 7px 15px;
	border-bottom: 1px #cacaca solid;*/
	width: 180px;
	max-width: 155px;
	background: url('/images/customer/left_column_bg.gif') repeat-y;
	padding: 7px 10px 5px 15px;
	padding-bottom: 20px;
	border-bottom: 1px #cacaca solid;
}	
div#content_left p{
	line-height: 11px;
}

/* RIGHT COLUMN STYLES */
div#saintgobain_logo_right {
	background: url('/images/customer/right_column_bg.gif') repeat-y;
	width: 195px;
	height: 40px;
	text-align: center;
	padding: 29px 0px 28px 0px;
	border-bottom: solid 1px #b2b2b2;
}

div#content_right {
	background: url('/images/customer/right_column_bg.gif') repeat-y;
	width: 195px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px #cacaca solid;
}	
	div#content_right_spacer {
		/*background: url('/images/customer/right_column_bg.gif') repeat-y;*/
		width: 195px;
		padding: 0px;
		margin: 0px;
		height: 1px;
		border: 0;
		line-height: 1px;
	}	

	#content_right img {
		margin: 0;
		margin: 5px 10px 5px 10px;
	}

	#content_right table.link { margin: 5px 5px 5px 20px;}
	#content_right td.bullet img { margin: 0;}
	div#content_right_container {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	/* text area for right column */
	div#content_right_container .html_area_block {
		margin-left: 20px;
	}
	div#content_right_container .link_item{
		margin-left: 15px;
		margin-right: 5px;
		margin-top: 3px;
	}
	
	div#content_right_container div.pic {
		margin: 0;
		padding: 0;
		width: 195px;
		overflow: hidden;
	}

div#content_center {
	width: 410px;
	margin: 19px;
}	

	div#content_center div.pic {
		width: 410px;
		overflow: hidden;
	}


div#content_center_wide {
	width: 550px;
	padding: 19px;
}	

div#white_container {
	width: 180px;
	background: url('/images/customer/left_column_bg.gif') repeat-y;
	padding-bottom: 20px;
	border-bottom: 1px #cacaca solid;
	
}

div#white_container .pic{
	text-align:center;
	margin: 0;
}

div#white_container img 
{
	margin: 5px 0px 0px 0px;
	
}

/** Outer block *********/
div#container {
	width: 800px;
	margin: 0 auto 0 auto; /* for centering */
	text-align: left; /* for the IE centering */
}
/** Inner block (2nd) ***/
	table#inner_container { width: 100%; }
/****** Header row ******/
		td#header_cell { border: 1px dotted black; }
			td#header_cell div.container { border: 1px dashed Orange; }
				td#header_cell div.container div.content { padding: 10px; }
/****** Middle row ******/
		td#middle_cell { border: 1px dotted black; }
			td#middle_cell table.container { width: 100%; }
/****** Left ************/
				td#left_cell { width: 200px; }
					td#left_cell div.container { border: 1px solid DarkGreen; padding: 15px; }
/****** Center **********/
				td#center_cell { width: 450px; }
					td#center_cell div.container { border: 1px solid red; padding: 15px; }
/****** Right ***********/
				td#right_cell { }
					td#right_cell div.container {
						width: 125px;
						padding: 15px;
						border: 1px solid lime;
				}
/****** Footer row ******/
		td#footer_cell { border: 1px dotted black; }
			td#footer_cell div.container { border: 1px dashed grey; padding: 10px 5px; }


/************************/
/******* Frontpage ******/
/************************/
/* Usually quite different from default template and therefore separate 
   block of styles. if there are only minor modifications, please insert 
	 them into the normal structure (above) at the appropriate tree level. 
	 All this applies to other templates also. */

#frontpage div#container { }


div#mailinglistiga {
	background: url('/images/customer/right_column_bg.gif') repeat-y;
	padding: 15px 10px 10px 30px;
	text-align: left;
	border-bottom: solid 1px #cacaca;
	border-top: solid 1px #cacaca;
	margin-bottom: 15px;
}



.jm_search_results { }
    .jm_search_results table {border-collapse: collapse; }
	.jm_search_results h3 { font-family: verdana; margin-top: 0px; font-size: 11px; font-weight: bold; color: #093A9D; }
	td.jm_search_list a { font-family: verdana; font-size: 11px; line-height: 11px;  }
	td.jm_search_list { border: none; width: 197px; background: #FFFFFF; }
	td.jm_search_details { border: none; width: 220px; background: #FFFFFF;}
	td.jm_search_details { font-family: verdana; font-size: 11px; }
	td.jm_search_details a { font-weight: bold; color: #004FB3; }
	.dots_left { background: url(/images/customer/dotline_v.gif) repeat-y left; }
	.jm_title { font-family: verdana; font-weight: bold; font-size: 24px; }
	.padder_6px { padding: 6px; }
	.city { width: 360px; }
	.jm_combo_title { padding-bottom: 0px; margin-bottom:0px; margin-top: 10px; } 
    .jm_dotline {background: url(/images/customer/dotline.gif) repeat-x; height: 1px; }

span.newsletter_join{font-size: 11px; font-family: Verdana, arial;}
input.newsletter_join{font-size: 11px; font-family: Verdana, arial;}
p.newsletter_join {margin: 3px 0; padding: 0;}
img.newsletter_join {margin-left: -6px;}