/* V 1.0    PJC   19/2/11	*/
/**site text and colours*/
*, html, img, a		{margin:0;padding:0;border:none;}
body 	{font-family:"Palatino Linotype", Palatino, serif;background:white;width:900px;position:absolute;left:50%;margin-left:-450px;} 
h1, h2,h3, h4, h5, caption, p, thead, td, th, tr, blockquote, quote, address, ul, li, label, input, legend, formset, dt, dd	{color:black;font-size:1em;}
blockquote, quote {font-style:italic;}
h1 	{font-size: 1.5em;padding:15px 0 15px 0;text-align:center;}
h2, caption, th	{font-size:1.3em;}
caption	{font-weight:bold; margin:15px auto 15px auto;}
th	{width: 20%;}
table	{text-align:center;}
#content{padding-top:10px;}
.centreimage {display:block;margin:10px auto 0 auto;padding:1px;border:1px solid black;}
.twoimagescontainer {display:block;margin:10px auto 0 auto;padding:2px;}
.twoimage {padding:1px;border:1px solid black;margin:0 5% 0 5%;}
.centretext {display:block;margin:10px auto 10px auto;width:700px;padding:30px;border:1px solid black;}
.centretext p,.centretext li {font-size:1.2em;}
a:link, a:visited {color:black;text-decoration:none;}
a:hover, a:active {color:black;background:#faf7cb;}
.header a:hover, .header a:active {background:white;}
/*header*/
#jclogo {padding:10px 350px 30px 350px;}
.homepage #jclogo{padding:10px 254px 60px 89px;}
.homepage #jclogosubhead,.ranges #jclogosubhead {display:block;position:absolute;top:90px;left:300px;font-size:25px;}
/*footer*/
.footer	{bottom: 0;clear: left;font-size: 0.6em;text-align: center;margin: 30px 0 0 0;}
.footerlink {display:block; float:left; font-size:1em; margin:5px 10px 5px 10px;}
/*menu machinery*/
.menu, .menu ul {top:10px;padding:0 0 0 30px;margin:0 auto 0 auto;list-style:none;height:40px;width:800px;position:relative;font-family:"Palatino Linotype", Palatino, serif;border:solid thin black;}
.menu li {display:block;float:left;position:relative;z-index:200;}
.menu li a {display:block;float:left;height:38px;line-height:36px;color:black;font-size:16px;font-weight:bold;padding:0 18px 0 18px;border:1px solid white;}
.menu li a.first {border-left:1px solid white;}
.menu li a.last {border-right:1px solid white;}
.menu li a:hover,.menu li:hover ul li a:hover,.menu li:hover ul li ul li a:hover {border:solid thin black;}
.menu li ul li {display:block;height:24px;position:relative;float:left;width:150px;}
.menu li ul li a {font-size:14px;height:24px;width:112px;line-height:22px;text-indent:5px;font-weight:normal;}
.menu li ul, .menu li:hover ul li ul {position:absolute;left:-9999px;top:-9999px;}
.menu li:hover ul {padding:2px 0px;left:1px;top:40px;right:1px;background:white;white-space:nowrap;width:150px;height:auto;}
.menu li:hover ul li:hover ul{padding:2px 0px;left:150px;top:-50px;right:1px;background:white;white-space:nowrap;width:150px;height:auto;}
/*About*/
.lefttext {display:block;width:700px;padding:30px;}
.rightimage {position:absolute;right:0px;padding:1px;border:thin solid black;}
#jillsig {margin-left:100px;}
address{display:block;padding:50px 0 0 0;font-size:0.7em;}			
/*Other site pages*/
.sitemaplist{font-size:1.2em;margin:15px auto 0 200px;}
.sublist{margin:15px auto 15px 50px;list-style-type:square;}														 
/*Contact*/	
.contact form{margin:5px;}
.contact label{float:left;clear:left;margin:5px 0 0 1%;width:35%;}
.contact input, .contact textarea{border:1px solid black;width:63%;height:2em;font-weight:bold;margin:5px 0 0 5px;}
.contact textarea {height:250px;}	
.contact #sendbutton{font-size:1.5em;font-weight:bold;width:75px;height:30px;text-align:center;background:url(../sendbutton.jpg) black;margin:10px;padding:0;border:0;}
/*Ordering*/	
.order form{margin:5px;}
.order label{float:left;clear:left;margin:5px 0 0 1%;width:25%;}
#orderlines{position:relative;left:25%;width:40%}
#ordernumbers{position:relative;left:40%;width:23%;clear:none;}
.order input{border:1px solid black;width:70%;height:2em;font-weight:bold;margin:5px 0 0 5px;}
.order input.tileorder{border:1px solid black;width:75%;height:2em;font-weight:bold;margin:2px 0 0 0;}
.order input.tilenumber{border:1px solid black;width:24%;height:2em;font-weight:bold;margin:2px 0 0 0;}												
.order #sendbutton{font-size:1.5em;font-weight:bold;width:75px;height:30px;text-align:center;background:url(../sendbutton.jpg) black;margin:10px;padding:0;border:0;}
/*Ranges*/
.rangelist{list-style:none;}
.rangelist li a{display:block;float:left;padding:10px 20px 0px 20px;width:235px;height:170px;overflow:hidden;line-height:18px;text-align:center;border:2px solid white;}
.rangelist li.break {clear:both}
.rangelist li.text {display:block;float:left;width:900px;line-height:18px;text-align:center;}
.rangelist li.sample a{display:block;float:left;padding:10px 20px 0px 20px;width:235px;height:243px;overflow:hidden;line-height:18px;text-align:center;border:2px solid white;}
.rangelist li.tall a{display:block;float:left;padding:10px 20px 0px 20px;width:235px;height:340px;overflow:hidden;line-height:18px;text-align:center;border:2px solid white;}
.rangelist li.big a{display:block;float:left;padding:10px 20px 0px 20px;width:400px;height:380px;overflow:hidden;line-height:18px;text-align:center;border:2px solid white;}
.rangelist li img {position:relative;bottom:0px}
.rangelist li a:hover{background:white;border:2px solid #faf7cb;}
.rangelist li.panel a{display:block;float:left;padding:10px 20px 0px 20px;width:900px;height:620px;overflow:hidden;line-height:18px;text-align:center;border:2px solid white;}
.rangelist li.tripanel a{display:block;float:left;padding:10px 20px 0px 20px;width:250px;height:620px;overflow:hidden;line-height:18px;text-align:center;border:2px solid white;}
.rangelist li.leftpanel a{display:block;float:left;padding:10px 0 0 0;width:700px;height:600px;overflow:hidden;line-height:18px;text-align:center;border:2px solid white;}
.rangelist li.detail a{display:block;padding:50px 0 0 0;width:180px;border:2px solid white;}
.rangelist li.halfpanel a{display:block;top:10px;padding:10px 20px 0px 20px;width:406px;height:630px;overflow:hidden;line-height:18px;text-align:center;border:2px solid white;}
.rangedesc {display:block;padding:10px 0 0 0;clear:both;}
.buysample form{display:inline;}
/* footer */
.footer {display:block;padding:20px 0 0 0;clear:both;}
/* links */
.linklist{display:block;position:relative;left:10%;padding:0 0 10px 0;}
.linklist li, .linklist li a{list-style:none;padding:5px 0 0 0;font-size:1em;}
/* sizes */
dl.sizelist{left:10%;padding:10px;}
dl.sizelist dt{float:left;clear:left;margin-left:20%;width:25%;font-weight:bold;}
dl.sizelist dd{margin-left:45%;width:45%;font-weight:bold;}