/* CSS Document */

div.headerSearch { margin:13px 0px 0px 0px; float:right; width:305px; }

@media (max-width: 480px) { 
	div.headerSearch { margin:13px 0px 0px 0px; float:none; }
}

div.catalogue {  }
div.catalogue div.item { 
	margin-bottom:10px;
	background-color:#f5f5f5;
/*	padding:5px 5px 5px 5px;*/
	height:86px;
	overflow:hidden;
	
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0px 0px 2px 1px #BBB;
	box-shadow: 0px 0px 2px 1px #BBB;
}
div.catalogue div.item:hover { 
	-webkit-box-shadow: 0px 0px 3px 1px #666;
	box-shadow: 0px 0px 3px 1px #666;

    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -kthtml-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div.catalogue div.item a { display:block; }

div.catalogue div.item div.image { width:24%; float:left; margin:5px 5px 5px 5px; }
div.catalogue div.item div.image img { }

div.catalogue div.item div.info { width:66%; float:right; text-align:center; padding:5px 5px 5px 5px; overflow:hidden; }
div.catalogue div.item div.info.category { /*padding:39px 0px 0px 0px;*/ }
div.catalogue div.item div.info div.catalogueCode {  }
div.catalogue div.item div.info div.manufacturer {  }
div.catalogue div.item div.info div.description { line-height:15px; font-size:14px; font-weight:bold; }


div.breadcrumbs { border-top:1px solid #DDD; border-bottom:1px solid #DDD; font-size:14px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; }

div.details {  }
div.details div.imageAndOptions { margin:0px 0px 20px 0px; }
div.details div.imageAndOptions div.image { text-align:center; margin:0px 0px 20px 0px; }
div.details div.imageAndOptions div.image {  }

div.details div.imageAndOptions div.options { padding:0px 20px 0px 20px; text-align:center; }

div.details div.info {
}
div.details div.info div.catalogueCode { font-size: 20px; font-weight:bold; margin:0px 0px 10px 0px; color:#777; }
div.details div.info div.productTitle { font-size: 28px; line-height:30px; font-weight:bold; margin:0px 0px 20px 0px; }
div.details div.info div.colours {  }
div.details div.info div.colours div.individualColour { width:22px; height:22px; float:left; margin:6px 13px 6px 0px; }
div.details div.info div.colours div.individualColour img { min-height: 22px; min-width: 22px; border:1px solid #CCC; height:inherit !important; }
div.details div.info div.detail { margin:0px 0px 10px 0px; }
div.details div.info div.detail div.detailLabel { font-weight:bold; }
div.details div.info div.detail div.value {  }

table.stock th { text-align:center; }
table.stock td { text-align:center; vertical-align:middle; }
#Pricing img.itemColour { min-height: 18px; min-width: 18px; border:1px solid #CCC;  }



/* Large desktop */
@media (min-width: 1200px) { 
	div.catalogue div.item,
	div.catalogue div.item a { height:100px; }
	div.catalogue div.item div.info { width:66%;  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	div.catalogue div.item,
	div.catalogue div.item a { height:70px; }
	div.catalogue div.item div.info { width:63%; }
	div.catalogue div.item div.info div.manufacturer { display:none; }
	div.catalogue div.item div.info div.description { line-height:13px; font-size:12px; font-weight:bold; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	div.catalogue div.item,
	div.catalogue div.item a { height:100px; }
	div.catalogue div.item div.info { width:63%; }


}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	div.catalogue div.item,
	div.catalogue div.item a { height:100px; }
	div.catalogue div.item div.info { width:66%; }
}