@charset "utf-8";

@media print
{
	#departmentTabs,
	#creditCards,
	.addToBasket,
	.termsCheck
	{ display: none; }
}

@media screen
{
	/* Header */
	#mainBand { padding-top: 70px; }
	#diaShopLogo { position: absolute; top: 70px; right: 0; text-indent: -1000px; overflow: hidden; width: 277px; height: 36px; background: url(/images/dia-shop.png) no-repeat; }

	/* Shop search form */
	#shopSearchForm fieldset { border: none; }
	#shopSearchForm label { position: absolute; top: 23px; left: 23px; font-size: 12px; color: #fff; }
	#shopSearchInput { position: absolute; top: 16px; left: 130px; width: 720px; height: 27px; border: none; font-size: 20px; padding: 3px 0 0 10px;}
	#shopSearchSubmit { position: absolute; top: 16px; left: 877px; width: 42px; height: 30px; background: url(/images/shop-search-go.png) no-repeat; border: none; overflow: hidden; text-indent: -1000px; display: block; line-height: 0; cursor: pointer; }

	/* Content column */
	#content { width: 675px; }

	/* Shop department side tabs */
	#departmentTabs { position: relative; float: right; margin: -17px -35px 0 0; width: 40px; }
		#departmentTabs li { margin: 0; padding: 0; list-style: none; margin-bottom: 5px; }
	.departmentTab { display: block; width: 40px; height: 199px; background-image: url(/images/category-tabs.png); background-repeat: no-repeat; text-indent: -1000px; overflow: hidden; }
	#forYourBusiness { background-position: 0 0; }
	#forYourBusiness.on,
	#forYourBusiness:hover { background-position: -40px 0; }
	#forYourLessons { background-position: 0 -199px; }
	#forYourLessons.on,
	#forYourLessons:hover { background-position: -40px -199px; }
	#forYourPupils { background-position: 0 -398px; }
	#forYourPupils.on,
	#forYourPupils:hover { background-position: -40px -398px; }
	#forYourTraineeInstructors { background-position: 0 -597px; height: 317px; }
	#forYourTraineeInstructors.on,
	#forYourTraineeInstructors:hover { background-position: -40px -597px; }

	/* Shop pod */
	#shopPod { z-index: 200; }
		#shopPod p,
		#shopPod ul { margin: 0; }
		#shopPod .clearme { height: 5px; }
		#shopPod .sideMenu { background: none; border: none; }
		#shopPod .sideMenu li a { color: #333; }

	/* Footer */
	#creditCards { position: absolute; right: 0; bottom: -53px; }

	/* VSP Form */
	#vspForm input { display: block; line-height: 29px; border: none; width: 89px; height: 29px; text-align: center; color: #fff; text-decoration: none; font-size: 12px; background: url(/images/dia/button.png) no-repeat; cursor: pointer; }
		#vspForm input:hover { background-position: 0 -29px; }
 
	/* Some general stuff */
	.departmentHeading, .categoryHeading { color: #4D4D4D; font-weight: normal; }
	.categoryImage { float: right; margin-left: 20px; border: 1px solid #797979; }
	 
	/* Product List */
	.productWrapper { position: relative; width: 670px; border-bottom: 1px dashed #2C6D8C; margin: 15px 0 15px 0; padding: 0 0 10px 5px; background: url(/images/pod-grad.png) repeat-x bottom left; }
		.productWrapper .productImage { position: relative; float: left; width: 160px; margin: 0 20px 10px 0; border: 1px solid #797979; }
		.productWrapper .productDetails { position: relative; float: left; width: 478px; margin-bottom: 40px; }
	.productHeading { color: #4D4D4D; font-weight: normal; margin: 0 0 10px 0; }
		.productHeading a { text-decoration: none; color: #4D4D4D;}
		.productHeading a:hover { text-decoration: underline; }
	.itemPrice { font-size: 1.4em; color: #BC1E2D; font-weight: normal; margin: 0; margin-top: 0px; line-height: 1.2em; }
	.itemCode { font-size: 0.8em; }
 
	/* Product add to basket form */
	.productForm { clear: both; }
	.termsText { display: block; border: 1px solid #797979; padding: 0.4em; width: 300px; margin: 1em 0 1em 0; font-size: smaller; }
	.termsCheck { vertical-align: middle; }
	
	/* Add to basket buttons */
	.addToBasket { display: block; border: none; text-decoration: none; color: #fff; text-indent: 40px; margin-bottom: 1em; font-size: 12px; width: 140px; height: 31px; background: url(/images/basket-button.png) no-repeat; border: none; cursor: pointer; }
		.addToBasket.ghosted { background-position: 0 -31px; }
		.addToBasketSmall { text-indent: -1000px; width: 42px; height: 31px; }
	.productWrapper .addToBasket { position: absolute; bottom: 5px; right: 10px; }
	#productDetails	.addToBasket { margin: 0 auto; }

	/* Product Detail Page */
	#mainProductImageWrapper { position: relative; float: right; margin-bottom: 1em; }
	#mainProductImage { border: 1px solid #797979; display: block; margin-bottom: 1em; }
	#productDetails { position: relative; width: 400px; float: left; }
	.gradSquare p { text-align: center; margin: 10px 0 5px 0;}

	/* Related Products */
	#relatedProductsWrapper { background-color: #EBF3F6; padding: 20px 0 0 20px; margin-top: 25px; clear: both; }
	.relatedProduct { position: relative; float: left; width: 180px; margin: 0 2em 2em 0;  }
		.relatedProduct .productImage { border: 1px solid #797979; margin-bottom: 1em; }
		.relatedProduct .productHeading { font-size: 1.0em; margin-bottom: 1em; }
 
	/* Basket Styling */
	#basketAddressBox { padding: 1em; float: left; margin-left: 5px; font-size: 0.75em; width: 110px; }
	#basketForm { width: 675px; border: 1px solid #ccc;}
		#basketForm .oddRow { background-color: #EBF3F6; }
		#basketForm fieldset { border: none; padding: 1em; }
	#basketTable { margin-bottom: 1em; }
		#basketTable thead { background-color: #1B80B2; color: #fff; padding: 10px; text-align: left; }
		#basketTable th, #basketTable td { padding: 5px; text-align: left; }
		#basketTable td.totals,
		#basketTable tr.totals td { text-align: right; }
		#basketTable tr.totals td { background-color: #BED9E6; color: #000; }
}