@charset "utf-8";
/* CSS Document */
/* Note to Paul - This is a Cascading Style Sheet. It defines the look and feel of much of the site. By taking it out of the html files it reduces the amount of irrelevant wording on the pages being read by the search engines - which is a good thing! As this page relates the the design I would recommend leaving it alone and giving me a call if you want to change anything. But if you do fancy a crack at it yourself - make a copy first! You'll find a reference to this page in the head of each html file. */


/* Set standards for page and include hacks for known browser problems */

	/* zero margins and padding so we start of the same in all browsers */
	* {
		margin: 0;
		padding: 0;
	}
	
	/* IE hack to make page height 100% - don't ask! */		
	html, body{
		height: 100%;
	}
	
	/*Get rid of outlines for active images*/	
	a:active{
		outline: none;
		-moz-outline-style: none;
	}
	
	a:focus{
		-moz-outline-style: none;
		outline: none;
	}
	
	img{
		border:none;
	}

/*Now the standard tag rules*/
	body{
		font-family:Helvetica, Arial, sans-serif;
		/* hack for Netscape 4, and IE 4 - 6(quirks mode) */
		text-align: center;
		font-size:62.5%;
	}
	
	h1{
		color:#13286B;
		font-size:1.8em;
		font-weight:normal;
		padding-left:65px;
		padding-right:230px;
		padding-top:10px;
		padding-bottom:10px;
		background-image:url(../images/carpet_roll.jpg);
		background-repeat:no-repeat;
	}
	
form{
	font-size:1.2em;
}	

label{
	color:#13286B;
	font-weight:bold;
}

select {
	margin-top:3px;
	margin-bottom:8px;
	color:#13286B;
	padding:2px;
	width:374px;
}

option {
	padding:3px;
}

textarea{
	padding:3px;
	margin-bottom:8px;
	margin-top:3px;
	width:365px;
	height:60px;
	color:#13286B;
}

input{
	padding:3px;
	margin-bottom:8px;
	margin-top:3px;
	width:365px;
	color:#13286B;
}

.submit{
	color:#13286B;
	width:100px;
}

/* Layout and div specific rules */
/* Note to Paul - This is a fixed width 2 col layout as per the design. We have set the width to 1004px as this will then display the whole page on the most common screen resolution of 1024x800. We deduct 20px to allow for scroll bars etc.*/
	#wrapper{
		width:1004px;
		_width: 1008px; /* IE 6 and below */
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		/*border: 1px solid black;*/
	}
	
		#sidebar, #sidebar_long, #sidebar_xlong{
			float:right;
			width:238px;
			background-color:#13286B;
			height:904px;
		}
		
			#sidebar_long {
				height:1104px;
			}
			
			#sidebar_xlong{
				height:1404px;
			}
		
			#sidebar_van {
				height:316px;
				background-image:url(../images/mobile_carpet_supplier.jpg);
				background-repeat:no-repeat;
			}
			
				#address{
					font-weight:bold;
					font-size:1.4em;
					color:#ffffff;
					line-height:150%;
					text-align:right;
					padding-top:5px;
					padding-right:8px;
				}
				
				#emailus{
					font-weight:bold;
					font-size:1.4em;
					color:#13286B;
					line-height:150%;
					text-align:right;
					margin-top:160px;
					padding-right:8px;
				}
				
				#emailus a:link, #emailus a:hover, #emailus a:active, #emailus a:visited {
					color:#ffffff;
				}
				
				#emailus a:hover {
					text-decoration:none;
				}
	
			#sidebar_main {
				background-color:#13286B;
			}
			
				#sidebar_ads {
					padding-top:10px;
					text-align:center;
				}
				
				#sidebar_ads p{
					padding-bottom:10px;
				}
				
				#sidebar_regoffice, #sidebar_regoffice_long, #sidebar_regoffice_xlong{
					color:#ffffff;
					font-size:1em;
					text-align:right;
					margin-top:220px;
					padding-right:10px;
				}
				
					#sidebar_regoffice_long{
						margin-top:420px;
					}
					
					#sidebar_regoffice_xlong{
						margin-top:720px;
					}
		
		#main{
			width:766px;
		}
		
			#masthead{
			}
			
				#logo{
				}
				
				#menu{
					height:34px;
				}
				
				#carpet_pictures{
				}
					
					#carpet_pictures p{
					}
				
			#content{
			}
			
				#copy_panel, #copy_panel_long, #copy_panel_xlong {
					float:right;
					width:200px;
					background-color:#92aed5;
					padding-top:10px;
					text-align:center;
					height:574px;
				}
				
					#copy_panel p, #copy_panel_long p, #copy_panel_xlong p{
						padding-bottom:10px;
					}
					
					#copy_panel_long{
						height:774px;
					}
					
					#copy_panel_xlong{
						height:1074px;
					}
				
				#copy{
	
				}
				
					#copy p{
						padding-left:65px;
						font-size:1.2em;
						padding-bottom:10px;
						padding-right:230px;
					}
					
					#copy a:link, #copy a:hover, #copy a:active, #copy a:visited, #footer a:link, #footer a:hover, #footer a:visited {
						color:#13286B;
					}
					
					#copy a:hover, #footer a:hover {
						text-decoration:none;
					}
	
		#footer{
			clear:both;
			padding-bottom:10px;
		}			
		
			#footer p{
				padding-top:3px;
			}
	
/* Dropdown menu */
	.dropdown {float:left; padding-right:3px;}
	.dropdown dt {width:171px; font-weight:bold; cursor:pointer; background:url(../images/carpet_tab.jpg); background-repeat:no-repeat; padding-top:10px; padding-left:10px; padding-bottom:8px; font-size:14px; color:#13286B;}
	#one-ddheader {text-indent:50px;}
	#two-ddheader {text-indent:16px;}
	#three-ddheader {text-indent:16px;}
	#four-ddheader {text-indent:-1px;}
	.dropdown dt:hover {background:url(../images/carpet_tab.jpg); background-repeat:no-repeat; color:#FFFFFF;}
	.dropdown dd {position:absolute; overflow:hidden; width:166px; display:none; background:#fff; z-index:200; opacity:0; margin-left:2px; }
	.dropdown ul {width:171px; list-style:none; border-top:none; padding-top:10px; background-color:#92aed5;}
	.dropdown li {display:inline; }
	.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#13286B; text-decoration:none; background:#92aed5; width:171px; font-size:12px; font-weight:bold;}
	.dropdown dt a, .dropdown dt a:active, .dropdown dt a:visited { padding:0px;  text-decoration:none; background:none; width:155px; font-size:14px; font-weight:bold;}
	.dropdown dt a:hover {background:none; color:#cc9966;}
	.dropdown a:hover {background:#13286B; color:#92aed5;}
	.dropdown .underline {border-bottom:1px solid #13286B;}	
	
/* Custom Classes*/
	.customBold{
		font-weight:bold;
	}
	
	.customCentre{
		text-align:center;
	}
	
	.customEmphasis {
		font-style:italic;	
		margin-bottom:10px;
	}
	
	.customSuperEmphasis{
		text-align:center;
		font-weight:bold;
		font-style:italic;
	}