/* CSS Document */


/*
img, div 
{ 
behavior: url(iepngfix.htc);
}
*/



/* default tags and common styles */
body
{
margin:0;
font-family: Arial, sans-serif;
font-size:0.68em;
line-height:1.6em;
text-align:center;
}

.clear
{
clear:both;
}


strong
{
color:#223589;
}

a img
{
border:0;
}

.error
{
color:#f00;
}
.success
{
color:#0f0;
}






/* main wrapper */
#wrapper
{
margin:0 auto;
text-align:left;
width:916px;
position:relative;
margin:auto;
background:#fff;
color:#223589;
border:1px solid #223589;
}

#header
{
height:243px;
width:916px;
background:url('images/header.jpg') no-repeat left top;
}




/* topp nav */
#topnav
{
height:38px;
width:716px;
font-size:9px;
font-style:normal;
text-transform:uppercase;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#223589;
float:right;
margin:197px 8px 0 8px;
font-weight:bold;
display:inline;
}

#topnav ul
{
list-style-type:none;
padding:0;
position:relative;
margin:10px 0 0 24px;
}

#topnav span
{
list-style-type:none;
padding:0;
position:relative;
margin:0 17px 0 17px;
margin-top:10px;
color:#4457aa;
}

#topnav ul li
{
display:inline;
}

#topnav ul li a:link,
#topnav ul li a:visited
{
color:#ddd;
text-decoration:none;
}

#topnav ul li a:hover
{
color:#a7aed0;
text-decoration:none;
}

#topnav p a:link,
#topnav p a:visited
{
text-decoration:none;
color:#ddd;
}









/* login boxes */
#login
{
text-align:left;
height:38px;
width:176px;
margin-top:197px;
float:left;
display:inline;
margin-left:8px;
font-size:9px;

text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#223589;
color:#fff;
}

#login ul
{
list-style-type:none;
padding:0;
position:relative;
margin:0;
margin-top:10px;
}

#login ul li
{
display:inline;
margin:0 10px 0 10px;
}

#login ul li a:link,
#login ul li a:visited
{
color:#ddd;
text-decoration:none;
}

#login ul li a:hover
{
color:#a7aed0;
text-decoration:none;
}

#login p a:link,
#login p a:visited
{
text-decoration:none;
color:#ddd;
}







/* sidenav - left hand side (products nav)*/
#sidenav
{
width:176px;

background:#e9e9e9;
float:left;
margin-left:8px;
display:inline; /* ie */
text-align:left;
position:relative;
z-index:9999;
}

#sidenav h3
{
width:166px;
text-align:left;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#223589;
margin-top:8px;
padding-left:10px;
background:#a7aed0 url('images/nav_arrow_off.gif') no-repeat center right;
}
#sidenav h3.open
{
background:#a7aed0 url('images/nav_arrow_on.gif') no-repeat center right;
}

#sidenav ul
{
margin-left:8px;
padding:0;
list-style-type:none;
display:none;
position:relative;
}
#sidenav ul.currentCategory
{
margin-left:8px;
padding:0;
list-style-type:none;
display:block;
}
#sidenav ul li.current a:link,
#sidenav ul li.current a:visited
{
background:url('images/nav_arrow_liCurrent.gif') no-repeat left 1px;
font-weight:bold;
}

#sidenav ul li a:link,
#sidenav ul li a:visited
{
display:block;
background:url('images/nav_arrow_li.gif') no-repeat left 1px;
padding:0 0 0 10px;
color:#223589;
text-decoration:none;
}
#sidenav ul li a:hover
{
background:url('images/nav_arrow_liCurrent.gif') no-repeat left 1px;
color:#a7aed0;
}









/* main content area */
#content
{
margin:0px;
position:relative;
}




/* content inner - main content inner div */
#contentinner1
{
width:465px;
width:490px;
text-align:left;
float:left;
margin:0 8px 8px 0;
padding:0 15px 0 30px;

}

#contentinner1 h1
{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:1.5em;
color:#223589;
border-bottom:1px solid #223589;
padding:0 0 5px 0;
}

#contentinner1 h2
{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:1.5em;
color:#223589;
margin-left: 5px;
}

#contentinner1 p a:link,
#contentinner1 p a:visited
{
text-decoration:underline;
color:#223589;
}    

#contentinner1 h3
{
color:#223589;
font-size:12px;
}
#contentinner1 h3.liner
{
border-bottom:1px solid #e9e9e9;
}






h4
{
margin:0;
padding:0;
font-size:12px;

}
h4 a:link,
h4 a:visited
{
color:#4457aa;
text-decoration:none;
border-bottom:1px solid #e9e9e9;
display:block;
padding:5px 0;
}
h4 a:hover
{
color:#223589;
background:#e9e9e9;
}

h4 a img
{
margin:0 5px 0 5px;
}
h4 a:hover img
{
margin:0 0 0 10px;
}















/* content inner with wider right hand sidebar */
#resultscontentinner
{
width:400px;
text-align:left;
float:left;
margin:38px 8px 8px 0;
margin:8px 8px 8px 0;
padding-left: 30px;
}

#resultscontentinner h1
{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:lighter;
line-height:1.5em;
color:#223589;
}

#resultscontentinner h2
{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
line-height:1.5em;
color:#223589;
}





/* displaying of products on range pages */
div.rangeTitleDrop
{
z-index:-10;
margin:0 0 0 -20px;
/*
opacity:0.25;
filter:alpha(opacity=25); 
*/
width:auto;
height:70px;
}
h1#rangeTitleHead
{
margin:-60px 0 0 0;
font-size:20px;
position:static;
z-index:999;
}


.specification
{
color:#223589;
}

div.productItem
{
float:left;
width:132px;
height:160px;
color:#223589;
}
div.productItem img
{
display:block;
width:120px;
height:120px;
border:0;
}
div.productItem p
{
margin:0;
padding:0;
/* background:url('images/specbox_5inch.gif') no-repeat left center; */
}

div.productItem .productText
{
width:100px;
display:block;
background:url('images/sqr.gif') no-repeat left 5px;
padding:5px 0 0 15px;
font-size:10px;
line-height:12px;
}






















/* sidebar - regular sidebar used when using regular contentinner1 */
#rightsidepanel
{
width:176px;
font-weight:normal;
float:right;
margin:8px 8px 0 0;
color:#223589;
display:inline;
padding-top:30px;
}
#rightsidepanel p
{
margin:0;
padding:0;
}
#rightsidepanel img
{
display:block;
}
#rightsidepanel p a:link,
#rightsidepanel p a:visited
{
color:#223589;
text-decoration:none;
}







/* sidebar - when using resultscontentinner - wider sidebar */
#resultsidepanel
{
width:270px;
font-weight:normal;
float:right;
margin:1px 8px 0 0;
display:inline; /* ie */
padding-top:30px;
}


#resultsidepanel p
{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
color:#223589;
}

#resultsidepanel p#productDescription
{
color:#223589;
border-bottom:1px solid #e9e9e9;
}

#resultsidepanel h3
{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:lighter;
line-height:1.5em;
color:#223589;
border-bottom:1px solid #e9e9e9;
}


#resultsidepanel p a:link,
#resultsidepanel p a:visited
{
color:#223589;
text-decoration:none;
}

#resultsidepanel img
{
display:block;
}











/* footer - common styling */
#footer
{
clear:both;
text-align:right;
float:right;
width:700px;
font-weight:normal;
font-size:9px;
text-decoration:none;
color:#a7aed0;
}
#footer p a:link,
#footer p a:visited
{
color:#a7aed0;
text-decoration:none;
}

#footer p#copyright
{
margin:0;
padding:0;
float:left;
line-height:22px;
}


#footer #languageControl
{
width:175px;
float:right;
}
#footer #languageControl img
{
margin:0 8px 8px 0;
border:0;
padding:1px;
border:1px solid #ccc;
}

#footer #languageControl a.currentLanguage:link img,
#footer #languageControl a.currentLanguage:visited img
{
background:#fff;
padding:1px;
border:1px solid #223589;
}

















form#requestBrochureForm
{

}

label
{
clear:left;
float:left;
color:#223589;
width:80px;
text-align:right;
padding:0 10px 0 0;
font-weight:bold;
}
form#requestBrochureForm label
{
width:180px;
}

input, 
select, 
textarea 
{
border:1px solid #999;
margin-bottom:5px;
}
textarea
{
width:250px;
height:60px;
}







.lefty
{
float:left;
width:220px;
}
.righty
{
margin:0 0 0 20px;
float:left;
width:220px;
}
.lefty h3, 
.righty h3
{
margin:10px 0;
padding:0;
}


#loginWrapper label,
#loginWrapper label
{
width:60px;
}

ul.choice
{
margin:0;
padding:0;
font-size:24px;
color:#4457aa;
}

ul.choice li
{
line-height:32px;
width:220px;
display:block;
float:left;
background:#e9e9e9;
}


#requestLoginResponse
{
color:red;
}

#requestSample label{
	float:left;
	clear:both;
	width:100px;
}
#requestSample input{
	font-size: 0.8em;
}

#nonUKNote a:link,
#nonUKNote a:visited{
	color:#838CB7;
	text-decoration:none;
}
#nonUKNote a:hover{
	color:#223589;
	text-decoration:none;
}

fieldset.preview select{
	width: 200px;
	font-size:0.8em;
}

#sampleRequest input{
	width:340px;
}
#sampleRequest textarea{
	width:340px;
	height: 50px;
	overflow: auto;
}
#sampleRequest fieldset{
	width:320px;
	padding:10px;
}

/*=====Styling for brochure downloads, 
=============*/

ul.brochure-download{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 490px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	}
	
ul.brochure-download li{
	padding-top: 8px;
	margin: 15px;
	float: left;
	width: 176px;
	text-align: center;
	height: 21em;
	border: 1px solid silver;
	}
	
ul.brochure-download li a{
	text-decoration: none;
	color: #223589;
	}
	
ul.brochure-download li a:hover{
	color: #a7aed0;
	}
	
ul.brochure-download img{
	display: block;
	width: 176px;
	height: 185px;
	}
	
ul.brochure-download li.brochure-head{
	color: #223589;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0;
	width: 490px;
	border: none;
	border-bottom: 1px solid #223589;
	height: 2em;
	}


	
/*				Dan's Stuff
***********************************************/	
	
h1.dan {
	background-image: url(images/welcome.gif);
	background-repeat: no-repeat;
	width: 430px;
	height: 80px;
	text-indent: -9999px;
	border-bottom: none !important;
}


h2.dan {
	background-image: url(images/handmadetiles.gif);
	background-repeat: no-repeat;
	width: 291px;
	height: 37px;
	text-indent: -9999px;
	border-bottom: none;
}