/* LIVE SITE VERSION */
/* version note [1.1] 2009-01-08 7:09AM DB CaseID:2009-01-4471 Desc:Search box tweak*/
/* version note [1.2] 09/07/2009 DZ Case ID: 09-10966 Desc: design variations in IE8
/* version note [1.3] 21/06/2010 ZCH: 2010-06-5780 - Add zoomify and multiple images per product to the product pages
/* general */
body				{ margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;}
a 				{ text-decoration: none;}
a:hover 			{ text-decoration: none;}
.normal				{ font-family: verdana; font-size: 11px; color: #666666; font-weight: normal;}
.normalw			{ font-family: verdana; font-size: 11px; color: #ffffff; font-weight: normal;}
.normal			a	{ font-family: verdana; font-size: 11px; color: #666666; font-weight: normal;}
.notes				{ font-family: verdana; font-size: 9px; color: #999999;}
.welcome			{ font-family: arial; font-size: 11px; color: #FFFFFF; font-weight: bold;border-style: solid; vertical-align: middle; border-width: 0px 0px 0px 0px; border-color: #000000 #000000 #000000 #000000; background-image:url('/public/images/header/welcomebar.gif');background-repeat:repeat-x;}
.loginlabel			{ font-family: arial; font-size: 11px; color: #CB2D2D; text-transform: none; font-weight: bold;}
.loginlabel		a	{ font-family: arial; font-size: 11px; color: #CB2D2D; text-transform: none; font-weight: bold;}
.required			{ font-family: verdana; font-size: 11px; color: #CC3333; font-weight: normal;}
.address_samples		{ font-family: verdana; font-size: 10px; color: #666666; font-weight: normal;}

/* home */
.homeWelcome			{ font-size: 11px; color: #FFFFFF; font-weight: normal;}
.homePromo			{ font-size: 10px; color: #666666; font-weight: normal;}

/* inputs */
.insetinputbox			{ font-family: verdana; font-size: 10px; color: #666666; padding: 2px 2px 2px 2px; height: 14px; border: 1px solid #666666; background-color: #FFFFFF;}
/* Start [1.1] */
.searchInput 			{ font-family: arial; font-size: 11px; color: #474778; background: #C8C8EC; padding: 0px 1px 0px 1px; border-style: solid; border-width: 1px; border-color: #000000 #000000 #000000 #000000;  height: 18px; width: 124px;}
/* End [1.1] */
.emailbox			{ font-family: verdana; font-size: 9px; color: #666666; border-style: solid; border-width: 1px; border-color: #666666 #FFFFFF #FFFFFF #666666; background-color: #FFFFFF;}
.offercodeinputbox		{ font-family: verdana; font-size: 9px; color: #666666; border: 1px solid #D6D6D6; background-color: #FFFFFF;}

.Qty				{ font-family: verdana; font-size: 10px; color: #CCCCCC; padding: 2px 2px 2px 2px; height: 18px; border: solid 1px #CBCCAF; background-color: #FFFFFF; width: 20px;}
.variantSelection		{ font-family: verdana; font-size: 10px; color: #CCCCCC; padding: 2px 2px 2px 2px; height: 18px; border: solid 1px #CBCCAF; background-color: #FFFFFF; width: 160px;}
.total 				{ font-family: arial; font-size: 10px; color: #CC6666; background: #FFFFFF; border-style: solid; border-width: 1px; padding: 1px 1px 1px 1px; height: 16px; width: 55px;}

/* standard forms */
.inputprompt			{ font-family: verdana; font-size: 10px; background-color:#FFFFFF; color: #CC3333; font-weight: normal; text-transform: uppercase;}
.inputprompt		a	{ font-family: verdana; font-size: 10px; background-color:#FFFFFF; color: #009900; font-weight: normal; text-transform: uppercase;}
.validationerror		{ font-family: verdana; font-size: 12px; color: #FF0000;}
.message			{ font-family: verdana; font-size: 12px; color: #FF0000;}

/* header */
.header				{ font-family: verdana; font-size: 10px; color: #CCCCCC; text-transform: uppercase;}
.header			a	{ font-family: verdana; font-size: 10px; color: #CCCCCC; text-transform: uppercase;}
td.header			{ border-style: solid; border-width: 0px 0px 0px 1px; border-color: #003300;}
.lineitem			{ font-family: arial; font-size: 11px; color: #666666; font-weight: normal; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #000000 #000000 #000000 #000000;}
.lineitem		a	{ font-family: arial; font-size: 11px; color: #666666; font-weight: normal;}

/* categories menu */
/* changed propercase to capitalize [1.2] */
.menu 				{ font-family: arial; padding: 0px 0px 0px 0px; font-size: 11px; color: #666666; text-transform: capitalize; font-weight: normal; line-height: 20px;background-color:ffffff;}
a.menu:hover			{ font-family: arial; padding: 0px 0px 0px 0px; font-size: 11px; color: #000000; text-transform: capitalize; font-weight: normal; line-height: 20px;background-color:ffffff;}
.menu:hover			{ font-family: arial; padding: 0px 0px 0px 0px; font-size: 11px; color: #000000; text-transform: capitalize; font-weight: normal; line-height: 20px;background-color:ffffff;}
.menu_highlighted		{ font-family: arial; padding: 0px 0px 0px 0px; font-size: 11px; color: #CB2D2D; text-transform: capitalize; font-weight: normal; font-weight: bold;}
.submenu			{ font-family: arial; padding: 0px 0px 0px 3px; font-size: 11px; border-left: 6px solid #000000; color: #666666; text-transform: capitalize; font-weight: normal;}
.submenu:hover			{ font-family: arial; padding: 0px 0px 0px 3px; font-size: 11px; border-left: 6px solid #000000; color: #000000; text-transform: capitalize; font-weight: normal;}
.treemenu			{ font-family: arial; padding: 1px 0px 0px 0px; font-size: 11px; color: #666666; text-transform: capitalize; font-weight: normal; background-color:#FFFFFF;}
.treemenu:hover			{ font-family: arial; padding: 1px 0px 0px 0px; font-size: 11px; color: #000000; text-transform: capitalize; font-weight: normal; background-color:#FFFFFF;}
.treemenu_highlighted		{ font-family: arial; padding: 1px 0px 0px 0px; font-size: 11px; color: #CB2D2D; text-transform: capitalize; font-weight: bold; background-color:#ffffff;}
.treemenu_highlighted:hover	{ font-family: arial; padding: 1px 0px 0px 0px; font-size: 11px; color: #CB2D2D; text-transform: capitalize; font-weight: bold; background-color:#ffffff;}




/* profile menu */
.menuprofile 			{ font-family: arial; padding: 0px 0px 0px 3px; border-left: 6px solid #FFFFFF; font-size: 12px; color: #666666; text-transform: none; font-weight: normal; line-height: 20px;}
a.menuprofile:hover		{ font-family: arial; padding: 0px 0px 0px 3px; border-left: 6px solid #FFFFFF; font-size: 12px; color: #CC3333; text-transform: none; font-weight: normal; line-height: 20px;}
.menuprofile_on			{ font-family: arial; padding: 0px 0px 0px 10px; font-size: 12px; color: #CC3333; text-transform: lowecase; font-weight: bold;line-height: 20px;}
.menuprofileAccountFor		{ font-family: arial; font-size: 12px; color: #D70D12; text-transform: uppercase; font-weight: bold;}

/* checkout menu */
.checkout_done			{ font-family: arial; font-size: 12px; color: #CCCCCC; font-weight: normal;}
.checkout_hi			{ font-family: arial; font-size: 12px; color: #CC3333; font-weight: bold;}
.checkout_lo			{ font-family: arial; font-size: 12px; color: #BEC7EB; font-weight: normal;}

/* product+category pages */
.categoryMainDesc		{ font-size: 12px; color: #000000; font-weight: normal;}
.categoryMainDesc	a	{ font-size: 12px; color: #000000; font-weight: normal;}
.categoryNameThumbs		{ font-family: arial; font-size: 14px; color: #CB2D2D; text-transform: none; font-weight: bold;}
.categoryNameThumbs	a	{ font-family: arial; font-size: 14px; color: #CB2D2D; text-transform: none; font-weight: bold;}
.categoryName			{ font-family: arial; font-size: 18px; color: #000000; text-transform:none; padding-left: 5px; font-weight: bold; background-color:#9fc7eb;}
.categoryDescription		{ font-family: arial; font-size: 12px; font-weight: normal; color: #000000; background-color:#9fc7eb;}
.productName			{ font-family: arial; font-size: 18px; color: #CB2D2D; font-weight: normal; text-transform: none;}
.productCode			{ font-family: arial; font-size: 10px; color: #666666; text-transform: uppercase;}
.productImage			{ border: solid 1px #D9D9D9;}
.productDescription		{ font-family: arial; font-size: 12px; font-weight: normal; color: #CB2D2D;}
.productFeatures		{ font-family: arial; font-size: 10px; font-weight: normal; color: #666666;}
.productFeatures	a	{ font-family: arial; font-size: 10px; font-weight: normal; color: #666666;}
.productPriceMatrix		{ font-family: verdana;	font-size: 10px; color: #666666; font-weight: normal;}
.productPrice			{ font-family: arial; font-size: 16px; color: #CB2D2D; font-weight: bold; text-transform: uppercase;}
.productPriceFrom		{ font-family: arial; font-size: 18px; color: #000000; font-weight: normal; text-transform: uppercase;}
.xsellName			{ font-family: arial; font-size: 12px; color: #CB2D2D; font-weight: bold; text-transform: none;}
.productAdded			{ font-family: verdana; font-size: 11px; color: #FFFFFF; font-weight: bold;}
.productAdded		a	{ font-family: verdana; font-size: 11px; color: #FFFFFF; font-weight: bold;}
.regionheader			{ font-family: verdana; font-size: 14px; color: #336633; font-weight: bold;}
.rep				{ font-family: verdana; font-size: 11px; color: #666666; font-weight: normal;}
.rep			a	{ font-family: verdana; font-size: 11px; color: #666666; font-weight: normal;}

/* hmMenu header styling */
.hmMenuMakeSel			{ font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-transform: lowercase;}
.hmMenuShowSel			{ font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-transform: lowercase;}

/* search page */
.searchName			{ font-family: arial; font-size: 12px; color: #CC3333; font-weight: bold; text-transform: none;}
.searchProductFeatures		{ font-family: arial; font-size: 10px; font-weight: normal; color: #666666;}

/*breadcrumbs */
.breadcrumbs			{ font-family: arial; font-size: 11px; color: #FFFFFF; font-weight: bold;}
.breadcrumbs		a	{ font-family: arial; font-size: 11px; color: #FFFFFF; font-weight: bold;}

/* basket page */
.basketTableHead 		{ font-family: verdana; font-size: 9px; color: #FFFFFF; font-weight: normal; text-transform: uppercase; background-color: #0066CC;}
.basketTableHead 	a	{ font-family: verdana; font-size: 9px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; background-color: #0066CC;}
.basketProductPrice 		{ font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-transform: uppercase;}
.basketProductPrice 	a	{ font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-transform: uppercase;}
.basketItem 			{ font-family: arial; font-size: 12px; color: #000000; text-transform: none; background-color: #9fc7eb;}
.basketItem 		a	{ font-family: arial; font-size: 12px; color: #000000; text-transform: none; background-color: #9fc7eb;}
.basketDiscount 		{ font-size: 10px; color: #FF0000;}
.basketPromotion		{ font-size: 12px; color: #FF0000;}
.basketTotal			{ font-family: arial; font-size: 16px; color: #D70D12; font-weight: bold; text-transform: uppercase;}







/* footer */
.footer				{ font-family: verdana; font-size: 10px; color: #CB2D2D;}
.footer			a	{ font-family: verdana; font-size: 10px; color: #CB2D2D;}
.copyright			{ font-family: verdana; font-size: 10px; color: #666666;}
.footertext			{ font-family: verdana; font-size: 9px; color: #666666;}

/* footer links */
.footerlinks			{ font-family: verdana; font-size: 10px; color: #666666; font-weight: bold;}
.footerlinks		a	{ font-family: verdana; font-size: 10px; color: #666666; font-weight: bold;}

/* email newsletter box */
.emailnewsletter_header		{ height: 8px; background-image: url('/public/images/menu/background_newsletter_header.gif');}
.emailnewsletter_body		{ background-color: #e59696; font-family: verdana; font-size: 11px; font-weight: bold; color: #666666; line-height: 11pt; background-image: url('/public/images/menu/background_newsletter_body.gif'); background-repeat: no-repeat;}
.emailnewsletter_footer		{ height: 8px; background-image: url('/public/images/menu/background_newsletter_footer.gif');}
.emailnewsletter_main		{ padding-left: 6px; padding-right: 6px; color: #FFFFFF;}
.emailnewsletter_confirm	{ color: #FFFFFF;}

/* List styles */
.descriptionlistUL 		{ margin-top: 1.0em; margin-left: 0px; list-style-type: none; padding-left: 0px;}
.descriptionlistLI		{ font-size: 11px; color: #000000; line-height: 14px; background-image: url(/public/images/bullet.gif); background-repeat: no-repeat; background-position: 0px 0.65em; padding-left: 5px;}

/*Pond Calculator */
.PCHeader{font-family:Arial;font-size:18px;color:#CB2D2D;}
.PCText{font-family:Arial;font-size:12px;color:#000000;}
.PCTextB{font-family:Arial;font-size:12px;color:#000000;font-weight:bold}
.PCTextRB{font-family:Arial;font-size:12px;color:#CB2D2D;font-weight:bold}
.PCBack{font-family:Arial;font-size:12px;color:#CB2D2D;text-decoration:underline;cursor:hand}


/* ---------   [1.3]  ------------- */
/* jqZOOM plugin styling  */

	div.jqZoomTitle
	{
		display:none;
		z-index:999;
		position:absolute;
		top: 0; left: 0;
		font-size:11px;
		font-family:Tahoma;
		height:16px;
		padding-top:2px;
		width: 100%;
		color: #fff;
		background: #aeaeae;
		text-align:center;
	}

	.jqZoomPup
	{
		z-index:10;
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
	}

		.jqZoomPup img
		{
			border: 0px;
		}

	.preload{
		z-index:10;
		position:absolute;
		top:3px; left:3px;
		-moz-opacity:0.8;
		opacity: 0.8;
	   filter: alpha(opacity = 80);
		color: #333;
		font-size: 12px;
		font-family: Tahoma;
	   text-decoration: none;
		border: 1px solid #CCC;
	   background-color: white;
	   padding: 8px;
		text-align:center;
	   background-image: url(/public/images/cm/zoom-loader.gif);
	   background-repeat: no-repeat;
	   background-position: 43px 30px;
		width:90px;
		* width:100px;
		height:43px;
		*height:55px;
	}

	.jqZoomWindow
	{
		border: 1px solid #999;
		background-color: #fff;
	}
/* END jqZOOM */
/* --------------- */

.altImage {margin:10px 5px 0 0;}
.zoomify-hint {margin:5px 0; font-size:12px; color:#666;}