/* CSS Document */

#Loading { margin:0px 0px 0px 0px; }
#Loading div.loadingImage { width:20px; height:20px; float:left; margin:5px 10px 0px 0px; }
#Loading div.loadingText { width:300px; height:20px; float:left; }




#Catalogue {
	margin:0px 0px 0px 0px;
}

#Catalogue div.catalogueItems {
}

#Catalogue div.catalogueItems div.categoryTitle {
	width:100%;
	border-bottom:1px solid #CCC;
	padding:15px 0px 5px 0px;
	float:left;
	font-weight:bold;
}


#Catalogue div.catalogueItems div.item {
	width:182px;
	float:left;
	padding:20px 0px 20px 0px;
	border-bottom:1px solid #CCC;
}
#Catalogue div.catalogueItems div.item.related { width:180px; }

#Catalogue div.catalogueItems div.item:hover {
	background-color:#EEE;
	
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;	
}

#Catalogue div.catalogueItems div.item div.itemImage {
	width:150px;
	height:191px;
	margin:0px auto 15px auto;
	border:1px solid #000;			
}		

#Catalogue div.catalogueItems div.item div.itemText {
	width:170px;
	height:25px;
	line-height:13px;	
	margin:0px auto 0px auto;
	text-align:center;
	overflow:hidden;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}		

#Catalogue div.catalogueItems div.item div.keyRange,
#Catalogue div.catalogueItems div.item div.newProduct {
	margin:-237px 0px 0px 12px;
	position:relative;
	
	height:237px;
}




#Catalogue div.searchError { margin:0px 0px 0px 0px; }


#Catalogue div.pricing { background-color:#DFDFDF; padding:10px 10px 10px 10px; margin-bottom:25px; }
#Catalogue div.pricing select { 
	outline:none;
	padding:5px 5px 5px 5px;
	border:1px solid #AAA;
	background-color:#f9f9f9;
	
	border-radius: 3px 3px 3px 3px;
	
	-webkit-box-shadow:  0px 0px 1px 1px #EEE;
	box-shadow:  0px 0px 1px 1px #EEE;
}

table.standard.pricing { }
table.standard.pricing tr.tr1 { } 
table.standard.pricing tr.tr2 { }
table.standard.pricing tr.tr3 { }
table.standard.pricing td { padding:6px 8px 6px 8px; } 
table.standard.pricing td.td1 { }


#Catalogue div.pricingOption { float:left; width:365px; background-color:#EEE; padding:7px 7px 2px 9px; margin:0px 0px 5px 0px; }
#Catalogue div.pricingOption div.individualColour { float:left; width:24px; height:24px; margin:3px 8px 8px 0px;  }
#Catalogue div.pricingOption div.size { float:left; width:282px; line-height:26px;}
#Catalogue div.pricingOption div.size select { width:273px; }
#Catalogue div.pricingOption div.addToBasket { float:right; width:160px; }
#Catalogue div.pricingOption div.quantity { float:left; width:44px; line-height:26px; }
#Catalogue div.pricingOption div.addButton { float:right; margin:0px 0px 0px 0px;  }
#Catalogue div.pricingOption div.addButton a.button {  }
#Catalogue div.checkoutButton { float:left; width:100%; margin:10px 0px 0px 0px; text-align:center; }



#Catalogue div.productImageAndOptions { width:302px; min-height:450px; float:left; }
#Catalogue div.productImageAndOptions div.productImage { border:1px solid #a2a7ad; width:300px; height:381px; }

#Catalogue div.productImageAndOptions div.productNavigation { float:left; margin:5px 0px 0px 0px; width:304px; }
#Catalogue div.productImageAndOptions div.productNavigation a.button { padding:5px 15px 5px 15px; line-height:25px; }
#Catalogue div.productImageAndOptions div.productNavigation div.return { width:106px; float:left; margin:0px 7px 5px 0px; }
#Catalogue div.productImageAndOptions div.productNavigation div.previous { width:104px; float:left; margin:0px 7px 5px 0px; }
#Catalogue div.productImageAndOptions div.productNavigation div.next { width:80px; float:left; margin:0px 0px 5px 0px;  }
/*#Catalogue div.productImageAndOptions div.productNavigation div.print { width:32px; float:left; }
#Catalogue div.productImageAndOptions div.productNavigation div.print a.button { line-height:15px; margin: 5px 0px 0px 0px; padding:2px 7px 0px 7px; display:block;  }*/
#Catalogue div.productImageAndOptions div.productNavigation div.print { width:120px; float:left; margin:0px 6px 0px 0px; }
#Catalogue div.productImageAndOptions div.productNavigation div.print a.button { padding:5px 14px 5px 14px; }
#Catalogue div.productImageAndOptions div.productNavigation div.enquire { width:176px; float:left;  }
#Catalogue div.productImageAndOptions div.productNavigation div.enquire a.button { padding:5px 14px 5px 14px; }

#Catalogue div.productImageAndOptions div.social { float:left; margin:10px 0px 0px 0px; }
#Catalogue div.productImageAndOptions div.social div.label{ width:45px; line-height:22px; float:left; font-size:11px; }
#Catalogue div.productImageAndOptions div.social div.facebook { width:145px; height:20px; float:left; }
#Catalogue div.productImageAndOptions div.social div.twitter { width:95px; height:20px; float:left; }

#Catalogue div.productImageAndOptions div.additionalImages { margin:10px 0px 0px 0px; }
#Catalogue div.productImageAndOptions div.additionalImages div.image { float:left; margin:0px 10px 10px 0px; border:1px solid #A2A7AD; cursor:pointer; width:60px; height:76px; }

#Catalogue div.productInformation { width:400px; float:right; }
#Catalogue div.productInformation div.productTitle { font-size:17px; font-weight:bold; }
#Catalogue div.productInformation div.productCode { font-size:15px;  margin:0px 0px 15px 0px; }
#Catalogue div.productInformation div.description { margin:0px 0px 30px 0px; }

#Catalogue div.productInformation div.detail { font-size:12px; margin:20px 0px 5px 0px; }
#Catalogue div.productInformation div.detail div.label { width:60px; float:left; }
#Catalogue div.productInformation div.detail div.value { width:330px; float:right; }

#Catalogue div.productInformation div.brandLogo { margin:20px 10px 0px 0px; float:right; }

#Catalogue div.productInformation ul.productDetailsList { margin:0px 0px 0px 30px; }
#Catalogue div.productInformation ul.productDetailsList li { margin:0px 0px 3px 0px; }

#Catalogue div.value div.individualColour { float:left; width:24px; height:24px; margin:0px 8px 8px 0px; }

#Catalogue div.value div.individualSize { float:left; min-width:12px; line-height:24px; margin:0px 8px 8px 0px; text-align:center; padding:0px 5px 0px 5px; border:1px solid #a2a7ad; }




#DetailTabs { margin:0px 0px 20px 0px; }

#DetailTabs ul.ui-tabs-nav { list-style-type:none; margin:0; padding:0; }
#DetailTabs ul.ui-tabs-nav li { 
	float:left;
	margin:0;
	
	background-color:#282358;
	
	
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;	
}
#DetailTabs ul.ui-tabs-nav li a { color:#FFF; padding:10px 30px 10px 30px;	display:block; }

#DetailTabs ul.ui-tabs-nav li.ui-tabs-selected { background-color:#E3E3E3; }
#DetailTabs ul.ui-tabs-nav li.ui-tabs-selected a { color:#272357; }

#DetailTabs div.ui-tabs-panel { background-color:#E3E3E3; padding:20px 20px 20px 20px; min-height:100px; }

#DetailTabs .ui-tabs-hide{ display:none; }