/*
Theme Name: JJP Flooring
Theme URI: http://www.medlad.com/
Description: Custom unique web-design. &copy;2009 <a href="http://www.bicestercomputers.co.uk">Bicester Computers</a> &amp; <a href="http://www.medlad.com">MED LAD Software</a>. Distribution rights reserved. Released under limited license to JJP Flooring Company.
Version: 1.0
Author: Andrei Liutec
Author URI: http://www.medlad.com/
Tags: 
*/
* {font-family:verdana; font-size:11px;}
body {margin:0;padding:0; border:0; background:url('images/bg.png') top center;}
.bgTop {display:block; position:absolute; left:0; top:0px; right:0; height:500px; background:url('images/bg-top-gradient.png') repeat-x left top; z-index:1;}
#website {display:block; position:absolute; left:50%; top:-20px; width:1090px; height:720px; margin-left:-545px; z-index:2; background:url('images/rays.png') no-repeat top center;}
#website > #logo {display:block; position:absolute; width:280px; height:120px; left:3px; top:23px; background:url('images/logo.png') no-repeat left top; z-index:100;}
#website > #slogan {display:block; position:absolute; left:312px; top:61px; }
#website > #tag {display:block; position:relative; left:31px; top:128px; z-index:100;}

#website > .menu {display:block; position:absolute; left:62px; top:74px; width:968px; height:71px; background:url('images/bg-top-menu.png') no-repeat left top;}
#website > .header {display:block; position:absolute; left:62px; top:136px; width:968px; height:240px; background:black url('images/loading.gif') no-repeat center center; z-index:0;}
#website > .header > .overlay {display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:url('images/header-image-overlay.png') repeat-x left top; z-index:2;}
#flash_header {display:block; position:relative; left:0; top:0; right:0; bottom:0; z-index:1;}
#website > .arrow {display:block; position:absolute; left:193px; top:355px; width:52px; height:50px; background:url('images/arrow-blue.png') no-repeat left top;}
#website > .middle {display:block; position:absolute; left:62px; top:376px; width:968px; height:30px; background:url('images/bg-middle-sep.png') repeat-x left top; font-family:"Trebuchet MS"; font-weight:bold; font-style:italic; font-size:11pt; color:white; text-shadow: black 1px 1px 2px; line-height:30px; text-indent:200px; margin:0; padding:0;}
#website > .middle .skype_tb_injection {text-shadow:none !important; vertical-align:2px !important; }
#website > #content-left {display:block; position:absolute; left:62px; top:406px; width:220px; height:250px; padding:15px; background-color:#b2b2b2;}
#website > #content-left.catalog img {display: block; position: absolute; bottom: 15px; left: 17px;}
#website > #content-left.catalog a.returnToParent:link,
#website > #content-left.catalog a.returnToParent:visited
 {color:#444444; text-decoration:none;font-weight:bold; line-height:25px;}
#website > #content-left.catalog a.returnToParent:hover
 {color:black; text-decoration:none;font-weight:bold; }
#website > #content-left.catalog  > ul {margin:0;padding:0; list-style-type:none;}
#website > #content-left.catalog  > ul > li > ul {margin:0 0 0 15px;padding:0; list-style-type:none;}
#website > #content-left.catalog  ul  li {margin:0;padding:0;}
#website > #content-left.catalog  ul  li:hover,
#website > #content-left.catalog  ul  li.current_page_item {}
#website > #content-left.catalog  ul  li > a:link,
#website > #content-left.catalog  ul  li  a:visited {display:block; padding:2px 2px 2px 15px; width:100%; color:#666666; text-decoration:none;font-weight:bold; background:url('images/bullet2.png') no-repeat 2px 5px; }
#website > #content-left.catalog > ul > li > ul > li > a:link,
#website > #content-left.catalog > ul > li > ul > li > a:visited {font-weight:normal !important; background-image:none !important; padding-left:0 !important;}
#website > #content-left.catalog > ul > li > ul > li > a:hover {color:black !important; background:transparent !important;}
#website > #content-left.catalog  ul  li > a:hover,
#website > #content-left.catalog  ul  li.current_page_item  > a
{display:block; padding:2px 2px 2px 15px; width:100%; color:black; background:#c2c2c2 url('images/bullet3.png') no-repeat 2px 5px;}
#website > #content  .map {display:block; position:absolute; right:0; top:0; bottom:0; width:718px;}
#website > #content {display:block; position:absolute; left:312px; top:406px; width:688px; height:250px; padding:15px; background-color:#e5e5e5; overflow:auto;}
#website > #content-full {display:block; position:absolute; left:62px; top:406px; width:937px; height:250px; padding:15px; background-color:#e5e5e5; overflow:auto; text-align:center;}
#website > #content-left  p,
#website > #content > p 
{margin:0 0 1.6em 0; padding:0 0 0 0;}
#website > .footer {display:block; position:absolute; left:62px; top:686px; width:968px; height:20px; background:url('images/bg-footer.png') repeat-x left top; line-height:20px; color:#606060; text-indent:5px;}
#website > .shadowLeft {display:block; position:absolute; left:55px; top:74px; width:7px; height:661px; background:url('images/shadow-left.png') no-repeat left top;}
#website > .shadowRight {display:block; position:absolute; right:53px; top:74px; width:7px; height:661px; background:url('images/shadow-right.png') no-repeat left top;}

#website > .menu ul {display:block; float:right; margin:19px 10px 0 0; padding:0 0 0 1px; list-style-type:none; overflow:hidden;}
#website > .menu ul li {display:block; float:left; height:35px; line-height:35px; padding:0 0 0 0; margin:0 -2px 0 -2px; }
#website > .menu ul li a:link,
#website > .menu ul li a:visited 
{background:url('images/top-menuitem.png') repeat-x 0px -43px; display:block; line-height:37px; height:43px; padding:0; font-family: "Trebuchet MS", Arial, Verdana; font-size:9pt; color:#eceff5; font-weight:bold; text-decoration:none; text-shadow: black 1px 1px 2px; text-align:center;width:103px;}
#website > .menu ul li a:hover {background-position: 0px 0px;}

#website > .menu ul li.page-item-21 a:link,
#website > .menu ul li.page-item-21 a:visited,
#website > .menu ul li.page-item-52 a:link,
#website > .menu ul li.page-item-52 a:visited,
#website > .menu ul li.page-item-50 a:link,
#website > .menu ul li.page-item-50 a:visited 
{width:143px; background-position: -103px -43px;}
#website > .menu ul li.page-item-52 a:hover,
#website > .menu ul li.page-item-21 a:hover,
#website > .menu ul li.page-item-50 a:hover 
{background-position: -103px 0px;}

#website > .menu ul li.current_page_item a:link,
#website > .menu ul li.current_page_item a:visited,
#website > .menu ul li.current_page_item a:hover
{color:white;background-position: 0px -86px; text-shadow: black 1px 1px 3px;}

#website > .menu ul li.page-item-21.current_page_item a:link,
#website > .menu ul li.page-item-21.current_page_item a:visited,
#website > .menu ul li.page-item-21.current_page_item a:hover,
#website > .menu ul li.page-item-50.current_page_item a:link,
#website > .menu ul li.page-item-50.current_page_item a:visited,
#website > .menu ul li.page-item-50.current_page_item a:hover,
#website > .menu ul li.page-item-52.current_page_item a:link,
#website > .menu ul li.page-item-52.current_page_item a:visited,
#website > .menu ul li.page-item-52.current_page_item a:hover
{color:white;background-position: -103px -86px; text-shadow: black 1px 1px 3px;}

#contactDetails {display:block; }
#contactForm {display:none; }
#contactForm form {margin-top:6px;}
#contactForm form > span {display:block; float:left; margin-bottom:3px;}
#contactForm form > span > label {display:block; float:left; width:100px;padding-top:2px;}
#contactForm form > span > input {display:block; float:left; width:215px;}
#contactForm form > textarea {display:block; width:215px; height:73px;}
#contactForm form > br {clear:left;}


/* Captions */
.catalog .aligncenter,
.catalog div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.catalog .wp-caption {
	text-align: center;
  background:url('images/small-frame.png') no-repeat left top;
  padding:8px 4px 4px 4px;
}

.catalog .wp-caption img {
	margin: 0;
	padding: 0 0 8px 0;
	border: 0 none;
}

.catalog .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
.catalog p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

.catalog img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.catalog img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.catalog img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.catalog .alignright {
	float: right;
	}

.catalog .alignleft {
	float: left;
	}
/* End Images */

/* Gallery */
.gallery {
  margin: auto;
}
.gallery .gallery-item {
  float: left;
  margin-bottom: 10px;
  text-align: center;
  width: 25%;			}

.gallery img {
  border: 2px solid #cfcfcf;
}
.gallery .gallery-caption {
  margin-left: 0;
  padding: 2px 10px 0 10px;
}