@charset "UTF-8";

/*	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	Top: logo, quicklinks, search etc.
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
#topWrapper						{ width: 100%; display: block; padding: 0px 0 0 0; background: url(/_iface/obj/_top/topBG.jpg) repeat; }
#topWrapper #topContent 		{ width: 936px; margin: 0 auto; background: url(/_iface/obj/_top/topBGmid.jpg) 0 0 no-repeat; height: 61px; }
#topContent #cryptzonelogo 		{ float: left; margin: 14px 0 0 0; }
#topContent #cryptzonelogo img 	{ width: 145px; height: 30px; }

#topContent ul.quicklinks 				{ display: block; width: 490px; float: right; margin: 24px 0 0 0; }
#topContent ul.quicklinks li 			{ display: block; float: right; padding: 0px 0px; border-left: 1px solid #ccc; line-height: normal; }
#topContent ul.quicklinks li:last-child { border-left: none; }
#topContent ul.quicklinks a				{ text-decoration: none; padding: 2px 10px; }
#topContent ul.quicklinks a:link,
#topContent ul.quicklinks a:visited		{ color: #666; }
#topContent ul.quicklinks a:hover,
#topContent ul.quicklinks a:active		{ color: #333; }

#topContent div.search 					{ float: right; margin: 13px 0 0 20px; width: 200px; }
div.search input.gsc-input 				{ font-size: 10px !important; border-color: #999 !important; width: 100px !important; float: right; background: #fff !important; }
div.search input.gsc-search-button 		{ font-size: 10px !important; border-color: #999 !important; background-color: #f8f8f8 !important; float: right; text-shadow: 3px 3px 2px #ccc; color: #000; padding: 2px 7px; }
div.search .gsc-clear-button			{ display: none !important; }


/*	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	Main menu base
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
#menuWrapper 						{ padding-bottom: 10px; }
#menuWrapperTop 					{ display: block; width: 100%; background: url(/_iface/obj/_mainmenu/menuFG_top.gif) 0 0 no-repeat; }
#menuWrapperTop > ul				{ display: block; width: 928px; margin: 0 auto; padding: 0 0 0 8px; }
#menuWrapperTop > ul > li			{ float: left; }
#menuWrapperTop ul li a				{ display: block; text-decoration: none; }

#menuWrapperTop ul li.products > a:hover		,
#menuWrapperTop ul li.resourcecenter > a:hover	,
#menuWrapperTop ul li.support > a:hover			,
#menuWrapperTop ul li.partners > a:hover		,
#menuWrapperTop ul li.purchase > a:hover		,
#menuWrapperTop ul li.about > a:hover			{ background: url(/_iface/obj/_mainmenu/menuFG_topOver.gif) center 0 no-repeat; }
#menuWrapperTop ul li.front > a:hover .text		{ background: url(/_iface/obj/_mainmenu/homeIconOver.png) center 15px no-repeat; behavior: url(/resource/x/ie6pngfix/iepngfix.htc); }

#menuWrapperTop > ul > li > a:link				,
#menuWrapperTop > ul > li > a:visited			{ color: #fff; text-align: center; }

#menuWrapperTop .corner_left 		{ display: block; float: left; clear: none; width: 9px; background: url(/_iface/obj/_mainmenu/menu_active_topL.gif) no-repeat; background-position: -100px 0; }
#menuWrapperTop .corner_right 		{ display: block; float: right; clear: none; width: 9px; background: url(/_iface/obj/_mainmenu/menu_active_topE.gif) no-repeat; background-position: -100px 0; }
#menuWrapperTop .text 				{ display: block; float: left; text-align: center; padding: 16px 0 0 0; color: #fff; }

#menuWrapperTop > ul, 
#menuWrapperTop > ul > li, 
#menuWrapperTop > ul > li > a, 
#menuWrapperTop .corner_left, 
#menuWrapperTop .corner_right		{ height: 41px; }



/*	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	Active Section - State of background image on each item
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
body.front				#menuWrapperTop > ul > li.front,			body.front				#menuWrapperTop > ul > li.front > 			a:hover,
body.product 			#menuWrapperTop > ul > li.products,			body.product 			#menuWrapperTop > ul > li.products >		a:hover,
body.productOverview 	#menuWrapperTop > ul > li.products,			body.productOverview	#menuWrapperTop > ul > li.products >		a:hover,
body.resourceCenter 	#menuWrapperTop > ul > li.resourcecenter,	body.resourceCenter		#menuWrapperTop > ul > li.resourcecenter >	a:hover,
body.support 			#menuWrapperTop > ul > li.support,			body.support 			#menuWrapperTop > ul > li.support >			a:hover,
body.partners 			#menuWrapperTop > ul > li.partners,			body.partners 			#menuWrapperTop > ul > li.partners >		a:hover,
body.about 				#menuWrapperTop > ul > li.about,			body.about 				#menuWrapperTop > ul > li.about >			a:hover,
body.sales				#menuWrapperTop > ul > li.purchase,			body.sales				#menuWrapperTop > ul > li.purchase >		a:hover {
	background-image: url(/_iface/obj/_mainmenu/menu_active_topM.gif) !important;
	background-repeat: repeat-x;
	cursor: default;
}

body.front 				#menuWrapperTop li.front .text			{ background: url(/_iface/obj/_mainmenu/homeIconOver.png) center 15px no-repeat; behavior: url(/resource/x/ie6pngfix/iepngfix.htc); }
body.front				#menuWrapperTop li.front .text,
body.product 			#menuWrapperTop li.products .text,
body.productOverview	#menuWrapperTop li.products .text,
body.resourceCenter 	#menuWrapperTop li.resourcecenter .text,
body.support 			#menuWrapperTop li.support .text,
body.partners 			#menuWrapperTop li.partners .text,
body.about 				#menuWrapperTop li.about .text,
body.sales				#menuWrapperTop li.purchase .text 		{ color: #000; }


/*	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	Active Section - State of corners
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
body.product 			#menuWrapperTop li.products 		.corner_left,
body.product 			#menuWrapperTop li.products 		.corner_right,
body.productOverview	#menuWrapperTop li.products 		.corner_left,
body.productOverview	#menuWrapperTop li.products 		.corner_right,
body.front	 			#menuWrapperTop li.front			.corner_left,
body.front	 			#menuWrapperTop li.front			.corner_right,
body.resourceCenter 	#menuWrapperTop li.resourcecenter 	.corner_left,
body.resourceCenter 	#menuWrapperTop li.resourcecenter 	.corner_right,
body.support 			#menuWrapperTop li.support 			.corner_left,
body.support 			#menuWrapperTop li.support 			.corner_right,
body.partners 			#menuWrapperTop li.partners 		.corner_left,
body.partners 			#menuWrapperTop li.partners 		.corner_right,
body.about 				#menuWrapperTop li.about 			.corner_left,
body.about	 			#menuWrapperTop li.about 			.corner_right,
body.sales				#menuWrapperTop li.purchase			.corner_left,
body.sales				#menuWrapperTop li.purchase			.corner_right	{ background-position: 0 0 !important }


/*	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	Define width for each main menu button
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
#menuWrapperTop li.front					{ width: 53px	; }
#menuWrapperTop li.front .text				{ width: 35px	; background: url(/_iface/obj/_mainmenu/homeIcon.png) center 15px no-repeat; behavior: url(/resource/x/ie6pngfix/iepngfix.htc); }
#menuWrapperTop li.productOverview			{ width: 170px	; }
#menuWrapperTop li.productOverview .text	{ width: 152px	; }
#menuWrapperTop li.products 				{ width: 170px	; }
#menuWrapperTop li.products .text 			{ width: 152px	; }
#menuWrapperTop li.resourcecenter 			{ width: 110px	; }
#menuWrapperTop li.resourcecenter .text 	{ width: 92px	; }
#menuWrapperTop li.support 					{ width: 96px	; }
#menuWrapperTop li.support .text 			{ width: 78px	; }
#menuWrapperTop li.partners 				{ width: 100px	; }
#menuWrapperTop li.partners .text 			{ width: 82px	; }
#menuWrapperTop li.about 					{ width: 86px	; }
#menuWrapperTop li.about .text 				{ width: 68px	; }
#menuWrapperTop li.purchase 				{ width: 98px	; }
#menuWrapperTop li.purchase .text 			{ width: 78px	; }


/*	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	"Hover Sub Menu"
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
#menuWrapper ul.czSubMenuItems { position: relative; display: block; display: none; width: 200px; z-index: 1001; }
#menuWrapper ul.czSubMenuItems > li { width: 200px !important; clear: right; line-height: 1.1em; height: auto !important; }	
#menuWrapper ul.czSubMenuItems > li > a { background: #ccc; text-align: left; display: block; padding: 5px 10px 5px 10px; height: auto !important; }
#menuWrapper ul.czSubMenuItems > li > a:link, #menuWrapper ul.czSubMenuItems > li > a:visited { color: #000; }
#menuWrapper ul.czSubMenuItems > li > a:hover, #menuWrapper ul.czSubMenuItems > li > a:active { background: #000; color: #fff; }

#menuWrapper ul.czSubMenuItems_products						{ background: url(/_iface/obj/_mainmenu/productSubMenuBG.png) 0 0 no-repeat; behavior: url(/resource/x/ie6pngfix/iepngfix.htc); }
#menuWrapper ul.czSubMenuItems_products li					{  }
#menuWrapper ul.czSubMenuItems_products						,
#menuWrapper ul.czSubMenuItems_products > li				{ height: 200px !important; width: 857px !important; }
#menuWrapper ul.czSubMenuItems_products li div.container	{ padding: 20px 20px; }
#menuWrapper ul.czSubMenuItems_products li div.one			{ color: #000; width: 140px; float: left; margin-right: 15px; }
#menuWrapper ul.czSubMenuItems_products li div.two			{ color: #000; width: 140px; float: left; margin-right: 15px; }
#menuWrapper ul.czSubMenuItems_products li div.three		{ color: #000; width: 140px; float: left; margin-right: 15px; }
#menuWrapper ul.czSubMenuItems_products li div.four			{ color: #000; width: 140px; float: left; margin-right: 15px; }
#menuWrapper ul.czSubMenuItems_products li div.five			{ color: #000; width: 140px; float: left; margin: 0; }

#menuWrapper ul.czSubMenuItems_products li div.container ul	{ height: auto !important; }

ul.prodFamilyDrop { padding-top: 10px; }
ul.prodFamilyDrop > li {  }
ul.prodFamilyDrop > li a { color: #d31414 !important; background: #fff; }
ul.prodFamilyDrop > li a:hover { color: #f00; background: #f8f8f8; }

#menuWrapper ul.czSubMenuItems_regular						{ background: url(/_iface/obj/_mainmenu/productSubMenuBGr_end.png) left bottom no-repeat; height: auto !important; padding-bottom: 12px !important; behavior: url(/resource/x/ie6pngfix/iepngfix.htc);}
#menuWrapper ul.czSubMenuItems_regular	li					{ background: url(/_iface/obj/_mainmenu/productSubMenuBGr_mid.png) 0 0 repeat-y; float: none; behavior: url(/resource/x/ie6pngfix/iepngfix.htc);}
#menuWrapper ul.czSubMenuItems_regular	li a				{ margin: 0 5px !important; padding: 8px 20px; }
#menuWrapper ul.czSubMenuItems_regular	li a:visited		,
#menuWrapper ul.czSubMenuItems_regular	li a:link			{ background: #fff url(/_iface/obj/bullet_tiny_gray.gif) 8px center no-repeat; }
#menuWrapper ul.czSubMenuItems_regular	li a:hover			,
#menuWrapper ul.czSubMenuItems_regular	li a:active			{ background: #ccc url(/_iface/obj/bullet_tiny_darkgray.gif) 8px center no-repeat; }


/*	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	Hide "Hover Submenu" if user is within the section being :hovered
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/*body.product		#menuWrapper	li.products			>	ul.czSubMenuItems	{ display: none !important; }*/
body.resourceCenter	#menuWrapper	li.resourcecenter	>	ul.czSubMenuItems	{ display: none !important; }
body.support		#menuWrapper	li.support			>	ul.czSubMenuItems	{ display: none !important; }
body.partners		#menuWrapper	li.partners			>	ul.czSubMenuItems	{ display: none !important; }
body.about			#menuWrapper	li.about			>	ul.czSubMenuItems	{ display: none !important; }


/*	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	Submenu - in page
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
#menuWrapperSub 							{ height: 35px; width: 100%; overflow: hidden; display: block; background: url(/_iface/obj/_mainmenu/menuFG_sub.png) 0 0 no-repeat; }
#menuWrapperSub ul.subMenu 					{ width: 936px; margin: 0 auto; }
#menuWrapperSub ul.subMenu li				{ display: block; float: left; height: 31px; border-left: 1px solid #DADADA /*#b91313*/; }
#menuWrapperSub ul.subMenu li:first-child	{ margin-left: 8px; border-left: none; }
#menuWrapperSub ul.subMenu a				{ display: block; float: left; padding: 7px 10px; text-decoration: none; color: #000; }
#menuWrapperSub ul.subMenu a:link			,
#menuWrapperSub ul.subMenu a:visited		{ text-shadow: none; }
#menuWrapperSub ul.subMenu a:hover			,
#menuWrapperSub ul.subMenu a:active			{ text-shadow: 3px 3px 5px #000; }


/*	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	Display correct submenu on each page
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
#menuWrapperSub 										{ z-index: 1 !important; }
ul.subMenu 												{ display: none; }
body.about 							.subMenuAbout		,
body.front							.subMenuFront		,
body.product 						.subMenuProducts	,
body.productOverview				.subMenuProducts	,
body.resourceCenter 				.subMenuRC			,
body.support 						.subMenuSupport		,
body.partners 						.subMenuPartners	,
body.press							.subMenuPress		,
body.pressrelease					.subMenuPress		,
body.sales							.subMenuPurchase	{ display: block !important; }

body.resourceCenter_registration 	.subMenuRC 			{ display: none !important; }