/* Genneralt
--------------------------------------------------------------------*/
body 
{
    background-color:#d7d7d8;
    font-family:Arial, Verdana, Times New Roman;
    font-size:11px;
    margin-top:0px;
}

img {
    border:none;
}

a 
{
    color:#0975b6;
    text-decoration:none;
}

h1 
{
    border-left:4px solid #0975b6;
    color:#9b9b9d;
    font-size:14px;
    line-height:14px;
    margin:5px 0px 10px 0px;
    padding:1px 0px 1px 7px;
    text-transform:uppercase;
}

h2 
{
    font-size:11px;
    font-weight:bold;
    /* color:#0975b6;*/
    color:#666666;
    margin:0px 0px 0px 0px;
}

h3 
{
    font-size:11px;
    font-weight:bold;
    color:#9b9b9d;
    margin:6px 0px 10px 2px;
    text-transform:uppercase;
}

xh2 
{
    font-size:13px;
    color:#0975b6;
    margin:0px 0px 0px 0px;
}

p 
{
    color:Black;
    font-family:Arial, Verdana, Times New Roman;
    font-size:11px;
    line-height:15px;
    margin:0px 0px 2px 0px;
    font-weight:normal;
}
#container 
{
    height:auto;
    width:960px;
    margin: 0px auto 0px auto;
}

#page 
{
    width:960px;
	min-height: 680px;
	float:left;
    background-color:White;
    border:1px solid #9b9b9d;
    *padding-bottom:10px;
}

#fpage 
{
    width:960px;
	float:left;
    background-color:White;
    border:1px solid #9b9b9d;
    *padding-bottom:10px;
}

table td {
	vertical-align: top;
}

/* Topbanner, logo'er
--------------------------------------------------------------------*/
#topgraphic 
{
    height:61px;
    width:960px;
    float:left;
    background-image:url(../images/top_banner.jpg);
    background-repeat:no-repeat;
}

#logo_gyproc
{
    position:relative;
    top:10px;
    left:50px;
    height:auto;
    width:115px;
    float:left;
}

#logo_saint_gobian
{
    position:relative;
    top:17px;
    right:50px;
    height:auto;
    width:85px;
    float:right;
}


/* Topmenu
--------------------------------------------------------------------*/
#topmenu 
{
    height:20px;
    width:960px;
    float:left;
    background-color:#0173ba;
	font-family: Verdana;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

.wrapTopMenu {
	padding: 0 10px 0 10px;
}

#topmenu_left 
{
    height:auto;
    width:auto;
    float:left;
}

#topmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#topmenu ul li {
	display: inline;
	padding: 0 5px;
}

#topmenu ul li a {
	text-transform: uppercase;
}

#topmenu_right 
{
    height:auto;
    width:auto;
    float:right;
	font-style: italic;
}

#topmenu_right ul li a {
	text-transform: none;
}	

#topmenu a 
{
    color:White;
    text-decoration:none;
    line-height:20px;
    padding:0px 10px 0px 10px;
}

#topmenu a:hover
{
    color:White;
    text-decoration:none;
    line-height:20px;
    padding:0px 10px 1px 10px;
    border-bottom:2px solid White;
}

#topmenu ul li a.selected {
	color:White;
    text-decoration:none;
    line-height:20px;
    padding:0px 10px 1px 10px;
    border-bottom:2px solid White;
}

/* Indhold på siderne
--------------------------------------------------------------------*/
#content 
{
    height:auto;
    width:940px;
    float:left;
    margin:10px 10px 10px 10px;
    _margin:10px 5px 0px 5px;
}

.picture_right 
{
    height:auto;
    width:auto;
    float:right;
    padding:0px 0px 5px 10px;
}

.picture_left 
{
    height:auto;
    width:auto;
    float:left;
    padding:0px 10px 5px 0px;
}

/* Menu'en i bunden af hjemmesiden
--------------------------------------------------------------------*/
#bottommenu 
{
    height:20px;
    width:960px;
    float:left;
    line-height:20px;
}

#bottommenu a 
{
    color:#0975b6;
    padding:0px 15px 0px 3px;
    text-decoration:none;
}


/* Forside
--------------------------------------------------------------------*/
#front_col_1 
{
    height:auto;
    width:300px;
    float:left;
}

#front_col_2 
{
    height:auto;
    width:430px;
    float:left;
}

.nyhed 
{
    height:auto;
    width:430px;
    float:left;
}

.nyhed_billed 
{
    height:92;
    width:122px;
    float:right;
    margin:0px 10px 10px 10px;
    _margin:0px 5px 0px 5px;
}

.nyhed_billedright
{
    height:92;
    width:122px;
    float:right;
    margin:0px 10px 10px 10px;
    _margin:0px 5px 0px 5px;
}

.nyhed_billedleft
{
    height:92;
    width:122px;
    float:left;
    margin:0px 10px 10px 0px;
    _margin:0px 5px 0px 0px;
}

.search 
{
    height:19px;
    width:200px;
    float:left;
}

.billedemenu 
{
    height:85px;
    width:177px;
    display:block;
    float:left;
    border:1px solid #9b9b9b;
    margin:10px 0px 0px 0px;
    padding:3px 3px 3px 3px;
}


/****** STANDARD DOCUMENT *******/

.doc_image
{
    height:92;
    width:122px;
    float:right;
    margin:0px 10px 10px 10px;
    _margin:0px 5px 0px 5px;
}

.doc_imageright
{
    /*height:92;*/
    /*width:122px;*/
    float:right;
    margin:0px 10px 10px 10px;
    _margin:0px 5px 0px 5px;
}

.doc_imageleft
{
    /*height:92;*/
    /*width:122px;*/
    float:left;
    margin:0px 10px 10px 0px;
    _margin:0px 5px 0px 0px;
}



/* Fælles elementer Venstre menu, 1 kolonner og 2 kolonner
--------------------------------------------------------------------*/
#leftmenu 
{
    min-height:200px;
    width:210px;
    float:left;
    margin:4px 10px 0px 0px;    
}

#leftmenu ul
{
    border-top:1px solid #b2b1b1;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#leftmenu li 
{
    list-style-type:none;
    margin-top:3px;
	min-height:20px;
    padding: 3px 0 0 15px;
	background: transparent url(/Files/Design/Gyproc/images/menu-bg.gif) bottom left no-repeat;
}

#leftmenu li {
	height:auto;
}

#leftmenu li.selected {
	background: transparent url(/Files/Design/Gyproc/images/menu_selected.gif) bottom left no-repeat;
}

#leftmenu ul ul {
	border: none;
}

#leftmenu li ul li
{
    border-left:0px solid #b2b1b1;
    padding:3px 0 0 25px;
	margin:3px 0 0 -15px;
	background: none;
	border-bottom:1px solid #b2b1b1;
	height:auto;
}

#leftmenu li ul li.selected {
	background: none;
	color: #000;
}

#leftmenu li ul li.selected a {
	background: none;
}

#leftmenu li ul ul li.selected a {
	background: none;
}

#leftmenu a:hover {
    color:#000;
}

#leftmenu a.selected {
	font-weight: bold;
	color: #000;
}
#leftmenu a.selected a.selected {
	font-weight: normal;
	color: red;
}

#navigation 
{
    height:20px;
	overflow: hidden;
    width:498px;
    float:left;
    padding:0px 0px 0px 10px;
}

/********* BRØDKRUMME ***********/

#navigation ul {
	padding: 0;
	margin: 0;
	display: inline;
}

#navigation li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

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

#navigation_border_1 
{
    height:15px;
    width:489px;
    padding:0px 9px 0px 10px;
}

#navigation_border_2
{
    height:3px;
    width:488px;
    display:block;
    float:left;
    border-bottom:1px solid #9b9b9b;
    margin:0px 0px 5px 0px;
    font-size:3px;
}


/* Venstre menu, 2 kolonner
--------------------------------------------------------------------*/
#midt 
{
    height:auto;
    width:488px;
    float:left;
    padding:0px 10px 20px 10px;
}

#right
{
    height:auto;
    width:200px;
    float:left;
    padding-left:10px;
}

#right img
{
    display:block;
}

#right_menu 
{
    height:auto;
    width:200px;
    float:left;
    padding-top:20px;
}

.right_background
{
    height:auto;
    width:194px;
    float:left;
    font-size:11px;
    font-weight:bold;
    color:#0975b6; /* #9b9b9d; */
    padding:0px 0px 3px 5px;
    margin-bottom:10px;
    text-transform:uppercase;
    border-left:1px solid #9b9b9b;
    border-bottom:1px solid #9b9b9b;
    background: transparent url(../images/overskrift_baggrund.gif) center bottom repeat-x;
}

.infobox_background {
	height: auto;
	width: 194px;
    padding:0px 0px 3px 5px;
    margin-bottom:10px;
	background: transparent url(../images/bg_infobox.gif) left top no-repeat;
}

.infoboxheadline {
	font-size:11px;
    font-weight:bold;
    color:#9b9b9d;
	text-transform: uppercase;
	margin: 3px 0 5px 3px;
}

.infotext {
	padding: 0 0 5px 3px;
}

.right_header 
{
    height:auto;
    color:red;
    float:left;
}


/* Venstre menu, 1 kolonner
--------------------------------------------------------------------*/
#indhold 
{
    height:auto;
    width:709px;
    float:left;
    border-left:1px solid #9b9b9b;
    padding:0px 0px 0px 10px;
}


/* gyproc_listview_v2
--------------------------------------------------------------------*/
.listview 
{
    background-image:url(../images/listview_background.jpg);
    background-repeat:no-repeat;
    background-position:top;
    border-top: 1px solid #9b9b9b;
    float:left;
    height:auto;
    padding:4px 0px 20px 3px;
    width:484px;
    _width:481px;
}

#list_paging, #list_paging_bottom 
{
    height:22px;
    width:484px;
    float:left;
    text-align:right;
}

#list_paging_bottom 
{
    border-top: 1px solid #9b9b9b;
    padding-top:5px;
}


/* gyproc_news_v2
--------------------------------------------------------------------*/
.news_headline 
{
    background-image:url(../images/listview_background.jpg);
    background-repeat:no-repeat;
}

.listview ul 
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 20px;
    *padding:0px 0px 0px 25px;
}

.listview ul li 
{
    list-style-type:decimal;
    padding-bottom:10px;
    font-size:11px;
    font-weight:bold;
    color:#0975b6;
}


/* gyproc_product_detail_v2
--------------------------------------------------------------------*/

.prod_left {
	width: 480px;
	float: left;
}

.productdata th {
	height:15px;
    text-align: center;
	width:auto;
    background-image:url(../images/listview_background.jpg);
	border-bottom:1px solid #9b9b9d;
}

.productdata td {
	text-align: center;
}

.prod_right {
	width: 225px;
	float: left;
}

.prod_right .content {
	padding: 0 0 0 27px;
}

.prod_imgs {
	padding: 30px 0 30px 0;
}

.border_top
{
    height:20px;
    width:auto;
    background-image:url(../images/listview_background.jpg);
}


/* gyproc_sitemap_v2
--------------------------------------------------------------------*/
.sitemap 
{
    height:auto;
    width:213px;
    *width:219px;
    float:left;
    border-top:1px solid #9b9b9b;
    padding:5px 0px 30px 5px;
    background-image:url(../images/listview_background.jpg);
    background-position:top;
    background-repeat:no-repeat;
}

.sitemap_space 
{
    width:18px;
    height:18px;
    float:left;
    display:block;
}


/* gyproc_showcase_v2
--------------------------------------------------------------------*/
#showcase_content 
{
    height:auto;
    width:445px;
    float:left;
}

#showcase_right 
{
    height:auto;
    width:254px;
    float:right;
}

.showcase_header 
{
    height:auto;
    width:100%;
    float:left;
    margin-top:5px;
    border-top:1px solid #9b9b9b;
    background-image:url(../images/listview_background.jpg);
    background-position:top;
    background-repeat:no-repeat;
}

.showcase_pict_small 
{
    height:92;
    width:122px;
    padding-bottom:4px;
    float:left;
}

.showcase_spacer 
{
    height:92px;
    width:5px;
    float:left;
}


/* gyproc_brochure_download_v2
--------------------------------------------------------------------*/
.brochure_download 
{
    background-image:url(../images/listview_background.jpg);
    background-repeat:no-repeat;
    background-position:top;
    border-top: 1px solid #9b9b9b;
    float:left;
    height:auto;
    padding:4px 0px 20px 3px;
    width:221px;
    _width:221px;
}

#brochure_bottom 
{
    height:auto;
    width:704px;
    float:left;
    border-top:1px solid #9b9b9b;
    padding:5px 0px 25px 0px;
}

.brochure_order 
{
    height:45px;
    width:240px;
    float:left;
}


/* gyproc_product_overview_v2
--------------------------------------------------------------------*/
.product_overview
{
    float:left;
    height:auto;
    padding:4px 0px 20px 3px;
    width:221px;
}

.product_pic 
{
    height:auto;
    width:auto;
    float:right;
    border:1px solid #9b9b9b;
    padding:0px 0px 5px 5px;
}


/******** DOCUMENTS **********/

.pressrelease,
.newsdocument {
	padding: 0 0 20px 0;
}

/***** SITEMAP *****/

.boks_sitemap 
{
    width:190px;
    margin:0px 19px 0px 0px;
	float: left;
}

.boks_sitemap a {
	cursor: hand;
	font-weight: normal;
}



.boks_sitemap h2
{
    width:190px;
    background-image:url(../images/listview_background.jpg);
	border-top:1px solid #9b9b9b;
    background-repeat:no-repeat;
	padding: 2px 0 4px 0;
}

.boks_sitemap .boks_sitemap .boks_sitemap  {
	padding-left: 10px;
}

.sitemapcontain h2
{
    width:135px;
    background: none;
	text-transform: none;
	display: block;
	padding: 0;
	border:none;
}

.sitemapcontain h2 {
	cursor: hand;
	font-weight: normal;
}

.sitemapcontain h2:first-letter
{
    text-transform: uppercase;
}

#boks 
{
    width:732px;
    float:left;
}


/******* FORMS *******/

.subscribe input,
.unsubscribe input {
	background-color: #FFF;
}	

/**** RESET ****/

.reset {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0 0 -1px 0;
}


/*** Main menu ***/

#nav a, #nav a:hover, #nav li, #nav ul {
margin:0px;
padding:0px;
border:none;
}

#nav {
font:11px verdana;
font-weight:bold;
}

#nav, #nav ul {
float: left;
list-style: none;
line-height: 1;
margin: 0 0 1em 0;
xwidth:860px;
}

#nav a, #nav a:hover {
text-transform:uppercase;
display: block;
height:18px;
color: #fff;
text-decoration: none;
padding-top:0px;
padding-bottom:2px;
padding-left:6px;
}

#nav li {
float: left;
padding: 0;
margin-right:20px;
_width:10px;
}

#nav li ul {
font-size:10px;
position: absolute;
left: -999em;
height: auto;
margin: 0;
width:140px;
}

#nav li ul li {    /* dropdown */
width:140px;
background-color:#f0f0f1;
padding: 0;
}

#nav li ul li a {   /* level 2 link */
text-transform:none;
width:134px;
border-bottom:solid 2px #d0d0d1;
color:#0173ba;
height:auto;
line-height:16px;
}
#nav li ul li a:hover {
text-transform:none;
background-color:#0173ba;
border-bottom:solid 2px #d0d0d1;
color:#fff;
height:auto;
line-height:16px;
}


#nav li ul ul {
margin: -1.75em 0 0 14em;
margin: -24px 0px 0px 140px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

#nav li:hover, #nav li.sfhover {
xbackground: #eee;
}

#nav li.TL1, #nav li.TL2, #nav li.TL3  {
width:270px;
}


/* Materials order form */

.materialsList {
    width:480px;    
}
.materialsList td {
    width:110px;
    padding-right:10px;
    padding-bottom:20px;
}
.materialsList label {
    width:90px;
}


/* News and press releases */

.newslist_pictright 
{
    float:right;
    width:120px;
    margin:0px 0px 10px 10px;
}

.newslist_pictleft 
{
    float:left;
    margin:0px 10px 10px 0px;
}


/* DIY */

.diy-step {
    margin-top:10px;
    border-bottom:solid 1px #ccc;
    padding-bottom:10px;
}
.diy-step-image {
    width:200px;
    height:150px;
    float:right;
    margin-left:20px;
}
.diy-step-image img {
    border:solid 1px #A7A8AA;
}