/*
colours:

#d12420 :: Default red
#424242 :: First level menu
#666666 :: Regular text
#6b6b6b :: Service menu
#999999 :: Institutional menu

#c9c9c9 :: borders

relative path : ../images/common/

*/

h2#logoheader {
	font-size		: 0;
}

#headercnt {
    background      : #e5e5e5 url(../images/common/bg-headercnt.gif) top left repeat-x;
    text-align      : center;
    height           : 11em;
    *height          : 110px;
	position		: relative;
	z-index			: 5000;

}

    #header {
        text-align      : left;
        margin          : 0 auto;
        width           : 970px;
    }

        #logo {
            width       : 67px;
            padding     : 28px 0 28px 18px;
        }


#menus {
    height          : auto !important;
    height          : 102px;
    min-height      : 10.2em;
    width           : 885px;
    padding-top     : 8px;
	position		: relative;
}

	@media screen and (-webkit-min-device-pixel-ratio:0){
		#menus {
			height          : 10em;
			min-height      : 10em;
		}
	}

    #menus form {
        width           : 147px;
    }


    #menus button {
        background      : url(../images/common/bg-arrow-r-gray.gif) center no-repeat;
        width           : 18px;
        height          : auto !important;
        height          : 18px;
        min-height      : 18px;
        cursor          : pointer;
    }

    #menus input {
        padding         : 1px;
        height          : auto;
        width           : 120px;
		background		: #fff;
		color			: #666;
        margin          : 0 5px 0 0;
    }


    #menus button, #menus input {
        border          : 1px #c9c9c9 solid;
        float           : left;
        display         : inline;
        font-size       : 1.1em;
    }


    #servmenu {
        width           : 620px;
        height          : auto;
        overflow        : hiddden;
        margin          : 2px 10px 0 0;
    }

    #servmenu li {
        border-color    : #ccc;
        font-size       : 1.1em;
        height          : 1.3em;
        margin-bottom   : 0.4em;
    }

    #servmenu a,
    #servmenu a:link,
    #servmenu a:visited,
    #servmenu a:active {
        color           : #6b6b6b;
        text-decoration : none;
    }

    #servmenu a:hover,
	#servmenu li.current a,
	#servmenu li.current a:link,
	#servmenu li.current a:visited,
	#servmenu li.current a:hover,
	#servmenu li.current a:active	{
		color			: #d12420;
	}

    #servmenu strong {
        padding         : 0 0 0 20px;
        background      : url(../images/common/bg-itemscart.gif) center left no-repeat;
    }

	#logoutlink em {
		font-style		: normal;
		font-weight		: bold;
		padding-right	: 3px;
    }
		#logoutlink span {
			text-decoration	: underline;
		}

/*******************************************************************************/

#flmenu {
    margin-top      : 54px;
}

#flmenu li {
    font-size       : 1.3em;
    margin          : 0 0 0 1px;
	border-bottom	: 1px #e9e9e9 solid;
    height          : 2.2em;
	z-index			: 60;
	position		: relative;
}

#flmenu a {
	float			: left;
    height          : 2.2em;
    line-height     : 2.2em;
    _line-height     : 2.1em;
    text-decoration : none;
    padding         : 0 1em;
	position		: static;
    background      : #f3f3f3 url(../images/common/bg-menuitem-fl.gif) top left repeat-x;
}

#flmenu a,
#flmenu a:link,
#flmenu a:visited,
#flmenu a:active {
    color           : #424242;
	outline			: none;
	-moz-outline	: none;
}


	#menus table {
		border-collapse : collapse;
	}

	#menus table,
	#menus table td,
	#menus table tr {
		margin			: 0;
		padding			: 0;
	}

	#flmenu ul {
		display			: none;
		list-style-type	: none;
		margin			: 0;
		padding			: 0;
		width			: 200px;
	}

	#flmenu ul li {
		font-size		: 0.88em;
		border			: 0;
	}

	#flmenu ul li,
	#flmenu ul li a {
		float			: none;
		background		: #fff;
		margin			: 0;
	}


	#flmenu li:hover,
	#flmenu a:hover {
		position		: relative;
		z-index			: 70;
	}


	#menu li a,
	#menu li li {
		position				: static;
	}

	#flmenu ul { display: none; }
	#flmenu a:hover { direction: ltr; }


		#flmenu a:hover ul,
		#flmenu li:hover ul {
			display			: block;
		  	position		: absolute;
			top				: 2.2em;
			/* left			: -1px;  */
			z-index			: 100;
			background		: #fff;
			border			: 1px #e9e9e9 solid;
			padding-top		: 0em;
			overflow		: hidden;

			/** standard width **/
			width			: 200px;

			padding-top		: 5px; /*** 1 ***/
		}

		/*********** submenu specific alignment ************/

		html #flmenu li.right a:hover ul,
		html #flmenu li.right:hover ul {
			right		: -1px;
			_right		: -2px;
		}

		#flmenu li.left a:hover ul,
		#flmenu li.left:hover ul {
			left		: -1px;
		}


		#flmenu ul li {
			height			: auto;
			float			: none;
			display			: block;
			padding			: 0 15px;

			position		: relative;
			top				: 1px;
		}

			#flmenu ul li a {
				display			: block;
				padding			: 0.5em 0;
				outline			: none;
				-moz-outline	: none;
				/* border-bottom	: 1px #e9e9e9 solid; */

				padding			: 0;


			}

		/*********** current menu doesn't open layer *********/

 		#flmenu {
			position		: absolute;
			z-index			: 1;
			bottom			: 0px;
			right			: 0;
		}

		@media screen and (-webkit-min-device-pixel-ratio:0) { #flmenu { bottom : -2px; } /* safari trickery */ }

		#flmenu li.current {
			border-color	: #fff;
			position		: static;
		}

		#flmenu li.current a {
			background		: #fff;
			margin-bottom	: 0;
		}

		#flmenu li.current:hover,
		#flmenu li.current a:hover {
			position		: static;
		}

		#flmenu li.current a:hover ul,
		#flmenu li.current:hover ul,
		#flmenu li.current ul {
			display			: block;
			position		: absolute;
			z-index			: 1;
			left			: 0;
			width			: 49em;
			height			: 2em;
			line-height		: 2em;
			border			: 0;
			padding			: 0;
			top				: 2.4em;
		}


		/************ submenu opened *************/

			#flmenu li.current li a {
				border			: 0;
			}

			#flmenu li.current li a,
			#flmenu li.current li {
				display			: inline;
				float			: left;
			}

			#flmenu li.current li a,
			#flmenu li.current li a:link,
			#flmenu li.current li a:visited,
			#flmenu li.current li a:hover,
			#flmenu li.current li a:active {
				color			: #666;
				padding			: 0;
			}

			#flmenu li.current li {
				position		: static;
				border			: 0;
			}

			#flmenu li.current li.current {
				font-weight		: bold;
				color			: #4a4a4a;
				line-height		: 2.1em;
				padding-bottom	: 1px;
				background		: url(../images/common/bg-arrow-menucurrent.gif) bottom center no-repeat;
			}


				#flmenu li.current li.current a {
					padding-bottom		: 0.1em;
					height				: 2.1em;
					background			: none;
				}

		/*** rollover ***/
		#flmenu li:hover a,
		#flmenu a:hover {
			color			: #d12420;
		}


			#flmenu li.current a,
			#flmenu li.current a:link,
			#flmenu li.current a:visited,
			#flmenu li.current a:hover,
			#flmenu li.current a:active {
				color		: #d12420;
			}

			#flmenu li:hover li a,
			#flmenu a:hover li a {
				color			: #666;
			}

			#flmenu li:hover li a:hover,
			#flmenu a:hover li a:hover {
				color			: #d12420;
			}



			/*** shortcuts ***/

			#flmenu li.shortcuts a:hover ul,
			#flmenu li.shortcuts:hover ul {
				width		: 370px;
			}

			#flmenu li.shortcuts a:hover ul li,
			#flmenu li.shortcuts:hover ul li {
				width			: 170px;
				margin-right	: 10px;
				_float			: left;
				_clear			: left;
			}

			#flmenu li.shortcuts a:hover ul li.shortcutslist,
			#flmenu li.shortcuts ul li.shortcutslist {
				margin			: 0;
				width			: 130px;
				background		: #f2f2f2;
				padding-bottom	: 0.6em;
				float			: right;
				display			: inline;
				margin			: 10px 10px 10px 0;
				margin			: 5px 10px 10px 0; /*** 1 ***/
			}

			#flmenu li.shortcuts ul li.shortcutslist a {
				background		: none;
				margin			: 0;
				padding			: 0;
				border 			: 0;
				height			: auto !important;
				height			: 1.7em;
				min-height		: 1.7em;
				line-height		: 1.7em;
				width			: 120px;
		}

			#flmenu li.shortcuts ul li.shortcutslist strong {
				display			: block;
				height			: 1.2em;
				line-height		: 1.2em;
				color			: #4a4a4a;
				padding			: 0.6em 0;
			}

			#flmenu li.shortcuts ul li.shortcutslist a,
			#flmenu li.shortcuts ul li.shortcutslist a:link,
			#flmenu li.shortcuts ul li.shortcutslist a:visited,
			#flmenu li.shortcuts ul li.shortcutslist a:active {
				color			: #4a4a4a;
				text-decoration	: underline;
			}

			#flmenu li.shortcuts ul li.shortcutslist a:hover {
				text-decoration	: none;
			}

			#menus #flmenu li.current ul li.shortcutslist,
			#menus #flmenu li.current:hover ul li.shortcutslist,
			#menus #flmenu li.current a:hover ul li.shortcutslist {
				display			: none;
				border : 1px solid #767676;
			}


			/* double menu */

				#flmenu li.double a:hover ul,
				#flmenu li.double:hover ul,
				#flmenu li.double ul {
					height			: 4.2em;
					background		: none;
				}

				#flmenu li.double ul li {
					margin-bottom		: 2px;
				}

				#flmenu li.double li.current {
					padding-bottom		: 0.1em;
				}

				@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
					#flmenu li.double ul li {
						margin-bottom		: 5px;
					}
				}



/*********/

#bodycnt {
    text-align      : center;
    padding-top     : 25px;
}

	#bodycnt.internal {
    	margin-top      : 2.8em;
	    padding-top     : 2em;
		border-top		: 1px solid #e9e9e9;
	}

		#bodycnt.double {
			padding-top		: 4.8em;
			background		: url(../images/common/bg-gray-dot.gif) left 2.6em repeat-x;
			border-top		: 0;
		}


	.main {
        text-align      : left;
        margin          : 0 auto;
        width           : 970px;
    }



/**********/


#footer {
	border-top			: 1px solid #e9e9e9;
	margin				: 25px auto 5px auto;
	text-align			: left;
	height				: auto;
	overflow			: hidden;
	width				: 970px;
	padding-top			: 10px;
	color				: #999;
}

	#footer ul {
		*margin-bottom	: 5px;
	}

	#footer ul li {
		margin			: 0 10px 7px -10px;
		font-size		: 1.1em;
		border-color	: #e9e9e9;
	}

		#footer li a,
		#footer li a:link,
		#footer li a:visited,
		#footer li a:active {
			color			: #999;
			text-decoration	: none;
		}

		#footer li a:hover,
		#footer li.current a,
		#footer li.current a:link,
		#footer li.current a:visited,
		#footer li.current a:hover,
		#footer li.current a:active {
			color			: #d12420;
		}

	#newslettersign {
		border 				: 1px solid #e9e9e9;
		width				: 195px;
		margin-left			: 15px;
		padding				: 5px 5px 10px 10px;
	}

			#newslettersign strong {
				color			: #666;
				font-size		: 1em;
			}

				#newslettersign .emailerror strong,
				#newslettersign .emailerror input { color		: #d12420; }
				#newslettersign .emailsuccess strong { color	: #0A7714; }

			#newslettersign button {
				background      : url(../images/common/bg-arrow-r-gray.gif) center no-repeat;
				width           : 18px;
				height          : auto !important;
				height          : 18px;
				min-height      : 18px;
				cursor          : pointer;
				margin			: 5px 0 0 0;
			}


			#newslettersign input {
				padding         : 1px;
				height          : auto;
				width           : 150px;
				background		: #f8f8f8;
				color			: #999;
				margin          : 5px 5px 0 0;
			}


			#newslettersign button, #newslettersign input {
				border          : 1px #c9c9c9 solid;
				float           : left;
				display         : inline;
				font-size       : 1.1em;
			}

	#footer p {
		display			: block;
		font-size		: 1em;
		margin			: 0;
		width			: 300px;
		line-height		: 2.2em;
	}

	#footer #newslettersign p {
		width			: auto;
	}

	/*****/

	.hide {
		display			: none;
	}

	/***************************************************/

	#menus div.cleared {
		/***/
		position		: relative;
		z-index			: 1000;
		right			: 0;
		width			: 100%;
	}

	#hcart ul {
		display			: none;
	}

		#hcart ul li {
			float		: none;
			display		: block;
			border		: 0;
			margin		: 0;
			padding		: 0;
		}


		#hcart a:hover {
			direction		: ltr;
		}

		#hcart:hover strong, #hcart a:hover strong {
			color		: #d12420;
		}



		#hcart ul.removing,
		#hcart:hover ul,
		#hcart a:hover ul {
			position		: absolute;
			z-index			: 1000;
			display			: block;

			width			: 332px;
			height			: 400px;
			background		: url(hart-lib/img/transparent.gif);
			padding-top		: 4px;
			right			: 0;
			top				: 15px;
		}

	#hcart ul li {
		padding-top		: 12px;
		background		: url(../images/common/bg-hcart-up.gif) top left no-repeat;
	}

	#hcart ul li div {
		padding-bottom	: 4px;
		background		: url(../images/common/bg-hcart-bt.gif) bottom left no-repeat;
	}


		#hcart ul li div div {
			padding-bottom	: 0;
			background		: #fff;
			margin			: 0 0 3px 3px;
			width			: 326px;
		}

		#hcart ul li div #cartlayer_co_bt {
			background		: none;
			margin-bottom	: 0;
		}

		#hcart ul li strong {
			background		: none;
			text-align		: left;
			padding			: 0;
		}



			#hcart a:hover ul li strong,
			#hcart:hover ul li strong,
			#hcart ul li strong {
				color		: #4a4a4a;
			}

			#hcart a:hover ul li td strong,
			#hcart:hover ul li td strong,
			#hcart ul li td strong {
				color		: #666;
			}

			#hcart ul table {
				width		: 100%;
				overflow	: hidden;
				border		: 0;
				height		: auto;
				border-collapse: collapse;
			}

			#hcart form {
				display		: block;
				width		: 328px;
			}

			#hcart th {
				padding				: 5px 0;
				background			: #f0f0f0;
				font-weight			: normal;
				border-bottom		: 1px #e0e0e0 solid;
				font-size			: 0.9em;
			}

			#hcart abbr {
				cursor		: pointer;
				border	: none;
			}

			#hcart thead {
				background			: #f0f0f0;
			}

			#hcart tbody {
				width			: 100%;
				overflow		: hidden;
			}

			#hcart ul li td {
				padding				: 5px 5px 5px 0;
				font-size			: 0.9em;
				vertical-align		: middle;
				border-bottom		: 1px #e0e0e0 solid;
			}

			.tc_ship 	{ width		:  77px;}
			.tc_item	{ width		:  124px; padding-right: 4px; padding: 0; }
			.tc_qty		{ width		:  20px; text-align: center; padding: 0; }
			.tc_price	{ width		:  80px; }

			#hcart th.tc_ship {
				padding-left: 10px;
			}

			#hcart td.tc_price { text-align		: right; font-size: 1em; }
			#hcart td.tc_qty   { font-size: 1em; }
			#hcart th.tc_price { text-indent	: 20px; }

			#hcart td.tc_price {
				text-align		: right;
			}

			#hcart td.tc_price span {
				_padding-right	: 20px;
				padding-right	: 15px;
			}

			#hcart td.tc_ship img	{
				margin		: 2px 0px;
			}



			td.tc_item p {
				display		: none;
				padding		: 0;
				text-align	: right;
			}

			td.tc_item p a {
				padding		: 0;
			}

			td.tc_item p a {
				background	: url(../images/common/loader-gray-small.gif) 80% top no-repeat;
				display		: block;
				height		: 19px;
				outline		: none;
				-moz-outline: none;
			}

			td.tc_item p img {
				height			: 19px;
				width			: 54px;
			}

				#hcart td.btthover p {
					display			: block;
					margin			: 0;
					padding			: 0;
				}





	#hcart ul li div#cartlayer {
		color			: #666;
		font-style		: normal;
		_height			: expression( this.scrollHeight > 369 ? "370px" : "auto" ); /* sets max-height for IE */
		max-height		: 370px;
		overflow		: auto;
		overflow-x		: hidden;
	}

		#hcart p#totalcart {
			padding			: 10px 22px 10px 0;
			overflow		: hidden;
			text-align		: right;
			margin-left		: 3px;
			width			: 304px;
			font-size		: 1em;
			background		: #fff;
		}

		#hcart p#totalcart span {
			padding			: 0 0 0 15px;
		}

		#hcart div.cartlayer_co {
			padding			: 0;
			width			: 326px;
			background		: none;
		}

			#hcart div.cartlayer_co p {
				padding			: 4px 10px 6px 10px;
				background		: url(../images/cartlayer/bg-co.gif) 225px 3px no-repeat;
				height			: auto;
				overflow		: hidden;
				color			: #4a4a4a;
			}

			#hcart div.cartlayer_co p.cleared {
				padding			: 4px 10px;
				font-size		: 0.9em;
				background-color: #fff;
				color			: #4a4a4a;
				height			: 28px;
				line-height		: 28px;
				width			: 306px;
			}

			#hcart div.cartlayer_co img,
			#hcart div.cartlayer_co input {
				border			: 0;
				width			: 67px;
				height			: 18px;
				float			: right;
				display			: inline;
				margin-top		: 4px;
			}


			.imgupdate {
				opacity			: .1;
				-moz-opacity	: .1;
				filter			: alpha(opacity=10);
			}
	/*************************************************************/

	#moredescription {
        display         : none;
        text-decoration : none;
        outline         : none;
        -moz-outline    : none;
        padding         : 0 10px 0 1.5em;
		background-position		: right 0.5em;
		background-repeat		: no-repeat;
		background-image		: url(../images/common/bg-arrow-bt-gray.gif);
    }


	#parsdescription {
		padding			: 0 12px;
 		font-size       : 1.1em;
		color			: #4a4a4a;
	}

	#parsdescription ul,
	#parsdescription ol,
	#parsdescription p {
		padding			: 0 0 1.5em 0;
		line-height		: 1.4em;
	}


	#parsdescription ul,
	#parsdescription ol {
		margin-left		 : 15px;
	}

	#moredescription.closed {
			background-image      : url(../images/common/bg-arrow-bt-gray.gif);
	}
	#moredescription.opened {
			background-image      : url(../images/common/bg-arrow-menucurrent.gif);
	}

	#moredescription strong {
		color           : #4a4a4a;
		text-decoration : underline;
		text-transform  : uppercase;
	}

	#moredescription:hover strong {
		text-decoration : none;
	}


#p404 {
	height			: 300px;
	border			: 5px #e9e9e9 solid;
	background		: #fff url(../images/subscription/bg-grad.gif) top left repeat-x;
}

	#p404 h1 {
		text-align		: center;
		color			: #666;
		margin-top		: 120px;
		font-size		: 2.4em;
		font-weight		: normal;
	}

	#p404 h1 em {
		font-style		: normal;
		color			: #d12420;
	}

	#p404 p {
		margin			: 1.5em 0 0 0;
		text-align		: center;
		font-size		: 1.1em;
	}

	#p404 p a,
	#p404 p a:link,
	#p404 p a:visited,
	#p404 p a:hover,
	#p404 p a:active {
		color			: #666;
		text-decoration	: underline;
	}

		#p404 p a:hover {
			color			: #d12420;
		}

#messagelogin {
	width		: 970px;
	margin		: 0 auto 15px auto;
	font-size	: 1.1em;
	text-align: left;
}

.answersinpage a {
	position		: relative;
	outline			: none;
	-moz-outline	: none;
}

.answersinpage a ins {
	display			: none;
	font-style		: normal;
	text-decoration : none;
}

	.answersinpage a:hover {
		direction		: rtl;
	}

	.answersinpage a:hover ins {
		display			: block;
		line-height		: 1.2em;
		position		: absolute;
		z-index			: 100;
		width			: 200px;
		background		: #fff;
		padding			: 5px;
		color			: #666;
		top				: 0;
		*top			: 10px;
		left			: -213px;
		border 			: 1px solid #828282;
	}

	#shippinglinks .answersinpage a:hover ins {
		top			: 0;
		left		: -206px;
	}

	#showvideo, #showvideo:link, #showvideo:visited, #showvideo:hover, #showvideo:active {
		color:#666666;
	}

	#showvideo {
		display		: block;
		margin-top	: 1.5em;
		padding-left:15px;
		text-align:left;
		font-size	: 1.2em;
		width:auto;
	}

	#shippingform .editform ins.openinfopopup {
		display: inline;
		clear	: none;
		width 	: auto;
		font-size	: 1.1em;
		margin-left : 10px;
		margin-top	: 7px;
	}


		.openinfopopup a,
		.openinfopopup a:link,
		.openinfopopup a:visited,
		.openinfopopup a:hover,
		.openinfopopup a:active {
			color:#666666;
		}

#footer #sociallinks {
	width		: 80px;
	font-size	: 1.1em;
	margin-top	: -5px;
}

#footer #sociallinks a {
	display		: block;
	line-height	: 21px;
	height		: 21px;
	margin-bottom	: 3px;
	text-decoration	: none;
}

	#footer #sociallinks a,
	#footer #sociallinks a:link,
	#footer #sociallinks a:visited,
	#footer #sociallinks a:active {
		color		: #999;
	}

	#footer #sociallinks a:hover {
		color		: #d12420;
	}


#footer #sociallinks img {
	width			: 20px;
	height			: 21px;
	float		: left;
	display		: inline;
}

#footer #sociallinks a span {
	float		: left;
	display		: inline;
	margin		: 0px 0 0 8px;
}

img.png {
	_background	: url(/css/hart-lib/img/transparent.gif);
}