/*  
Description: The style for the New Look Windows website.
Version: 1.1
Author Name: Nick Soper BSc (hons)
Author URL: http://nicksoper.com/
*/

/* Begin Styles */

body {
margin:0px 0px 0px 0px;
font-size: 62.5%; /* Resets 1em to 10px */
text-align: center; 
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#666666;
font-weight:normal;
border:none;
background-image:url(images/bg-gradient.jpg);
background-repeat:repeat-x;
background-color:#ededed;
}

/********************* wrapper for centering and added design layer ****************/

#wrapper {
position: relative;
width: 783px;
margin: 0 auto; /* compliant center */
text-align:left; /* override ie 5 center */
background: url(images/bg-shadow.png) repeat-y top left;
}

/***************This makes the shadows in a float work***********************/

.clear{
clear:both;
}



/****************************** layout and design ****************************/

#shadow-left{
width: 4px;
height: auto;
display:inline;
float:left;
}

#shadow-right{
width: 4px;
display:inline;
float:right;
}

#top-bar{
background: url(images/bg-top-bar.gif) repeat-x top left;
background-color:#FFF;
width:775px;
height:102px;
margin:0px;
padding:0px;
float:left;
display:inline;
}
#top-bar-logo{
	width:232px;
	display:inline;
	float:left;
}

#top-bar-text{
	width:429px;
	height:86px;
	display:inline;
	float:left;
	padding-top:15px;
	text-align:left;
}

#top-bar-rehau{
	width:108px;
	height:102px;
	display:inline;
	float:right;
}


#nav-bg{
width:775px;
height:35px;
background: url(images/bg-nav.gif) repeat-x top left;
border-bottom: #d8d8d8 solid 2px;
padding-bottom:0px;
padding-top:4px;
background-color:#FFF;
display:inline;
float:left;
margin-top:-1px;
}

#home-rehau-association{
width:775px;
background-color:#FFF;
background: url(images/rehau-association-bg.gif) repeat-x top left;
display:inline;
float:left;
}


#home-rehau-text{
width:222px;
height:163px;
}

#content{
width:775px;
background-color:#FFF;
text-align: left;	
}

#designWrapper{
float:left;
display: inline;
width: 775px;
}

#content{

float:left;
display: inline;
width: 775px;
padding-bottom:20px;
}

#contentHolder{
}

#footer-links{
text-align:center;
border-top:#F2F2F2 solid 1px;
float:left;
padding-top:10px;
padding-bottom:8px;

width:775px;
}

#footer {
background-color:#f1f1f1;
width: 777px;
height: 29px;
position: relative;
margin: 0 auto; /* compliant center */
text-align:center; /* override ie 5 center */
background: url(images/bg-footer.gif) repeat-x;
padding-top:13px;
}

#footerHolder {
width: 775px;
height: 29px;

}

#contact-details{

}

#CopyPadding {
display:inline;
float:left;
background-repeat:repeat-y;
text-align:left;
margin-left:23px;
margin-top:15px;
margin-right:20px;
text-align:left;
}
/****************************** Navigation ****************************/

div#navigation {
    float:left;
	display:inline;
	padding:6px;
	color:#6f6f6f;
	margin-top:1px;
	margin-bottom:10px;
		
}
div#navigation ul {
    margin:0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #bdbdbd;
    white-space: nowrap;

}
div#navigation li {
    list-style-type: none;
    display: inline;
	margin: 3px;

}
div#navigation li a {
    text-decoration: none;
	padding:8px;
    color: #6f6f6f;
}
div#navigation li a:link {
    color: #6f6f6f;
	padding:8px;
}
div#navigation li a:active {
    color: #FFF;
    background-color: #48719f;
	padding:8px;
}
div#navigation li a:visited {
    color: #6f6f6f;
	padding:8px;
}
div#navigation li a:hover {
    color: #FFF;
    background-color: #48719f;
	padding:8px;
}


/****************************** Columns ****************************/

#columnHomeLeft {
width: 470px;
display:inline;
float:left;
background-repeat:repeat-y;
text-align:left;
margin-left:23px;
margin-top:15px;
margin-right:20px;
text-align:justify;
}
#columnHomeRight {
width: 200px;
display:inline;
float:left;
text-align:left;
background-color:#fcfcfc;
border-left:#F2F2F2 solid 1px;
border-right:#F2F2F2 solid 1px;
border-bottom:#F2F2F2 solid 1px;
padding-right:20px;
padding-left:20px;
padding-top:20px;
}

.partners {
	float:left;
	text-align:justify;
	background-color:#fcfcfc;
	border:#F2F2F2 solid 1px;
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:10px;
	width:415px;
	margin:10px 0 0 0;
}

body#page_about .partners {
	float:left;
	text-align:justify;
	background-color:#fcfcfc;
	border:#F2F2F2 solid 1px;
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:10px;
	width:428px;
	margin:10px 0 0 0;
}

body#page_contact .partners {
	float:left;
	text-align:justify;
	background-color:#fcfcfc;
	border:#F2F2F2 solid 1px;
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	width:442px;
	margin:10px 0 20px 0;
}


body#page_products .partners {
	float:left;
	text-align:justify;
	background-color:#fcfcfc;
	border:#F2F2F2 solid 1px;
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:10px;
	width:690px;
	margin:10px 0 0 20px;
}

body#page_rehau .partners {
	float:left;
	text-align:justify;
	background-color:#fcfcfc;
	border:#F2F2F2 solid 1px;
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:10px;
	width:428px;
	margin:10px 0 0 0;
}


#homeBottomColums{
	float:left;
	width:470px;
}
#columnHomeLeftSmall{	
	float:left;
	text-align:justify;
	padding-right:7px;
	width:227px;
	background: url(images/home-small-divider.gif) repeat-y top left;

}
#columnHomeRightSmall{
	display:inline;
	float:left;
	text-align:justify;
	width:226px;
	margin-left:10px;
}

#columnProductsLeft {
width: 340px;
display:inline;
float:left;
background-repeat:repeat-y;
text-align:left;
margin-left:23px;
text-align:justify;
padding-right:15px;
margin-right:10px;
background: url(images/bg-products.gif) repeat-y top left;
}
#columnProductsRight {
width: 361px;
display:inline;
float:left;
text-align:left;

}

/****************************** text styles ****************************/
p {
font-size:11px;
}

h1{
color:#585858;
margin-left:0px;
padding-top: 3px;
padding-left: 0px;
margin: 0;
font-size: 1.6em; 
font-weight:bold;
}




h2{
font-size: 11px; 
font-weight:normal;
line-height:1;
text-align:left;
margin-bottom:1px;
}
/*Top Text to the right of the logo*/
h3 {
color:#055921;
padding-top: 15px;
margin: 0;
font-weight:bold;
font-size: 1.2em;
}
h4{
	font-size:9px;
	font-weight:normal;
	line-height:9px;
	padding-top:5px;
}


.home-rehau-association-text{
padding:10px 0px 0px 14px;
margin-top:-2px;
font-size:10px;
}
.contact-details{
	padding-bottom:3px;

}
.contact-details a:link, .contact-details a:visited{
	color:#c14d77;
	text-decoration:underline;	
}

.contact-details a:hover, .contact-details a:visited:hover{
	color:#c14d77;
	text-decoration:none;	
}

.faq-keywords{
	font-size:9px;
	font-weight:lighter;
}
.QandA{
	font-size:16px;
	padding-right:4px;
	font-weight:bolder;
}
.FAQ-Question{
	font-style:italic;
}
/***************Links*******************/
A:link, A:visited{
color:#c14d77;
text-decoration:underline;
}

A:hover, A:visited:hover{
color:#c14d77;
text-decoration:none;
}


a img{
	border:0;
}
#footer-links, #footer-links a{
	color:#767474;
	text-decoration:none;
}
#footer-links a:visited{
	color:#767474;
	text-decoration:none;
}

#footer-links a:hover{
	color:#767474;
	text-decoration:underline;
}

#footer, #footer a{
	color:#b1b1b1;
}
#footer a:visited{
	color:#b1b1b1;
}

#footer a:hover{
	color:#b1b1b1;
	text-decoration:none;
}

/*************Table Styles***************/
.grey-box{
	
	border:#f3f3f3 solid 1px;
	background-color:#fcfcfc;
	width:470px;
}

.form-box{
	
	border:#f3f3f3 solid 1px;
	background-color:#fcfcfc;
	width:485px;
}

.product-images{
	
	border:#f3f3f3 solid 1px;
	background-color:#fcfcfc;
	width:367px;
	margin-left:0px;
	margin-bottom:10px;
	padding-left:15px;
	padding-right:15px;
}

.product-images td{padding-bottom:10px;}


/*************List Items***************/

li{
padding:2px;
margin-top:0px;
margin-left:14px;
margin-bottom:0px;
list-style-image:url(images/arrow.gif);
}

/************* Form Style ***************/

div#contact-form{margin:15px 0px 5px 0px; float:left; width:300px;}

message, button, input, textarea {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#6C6C6C;
font-weight:normal;
font-size: 1em;
border: 1px solid #B2B2B2;
background-color:#ededed;
}

button {
width : 80px;
}

textarea{
width : 300px;
}