@charset "utf-8";
@import url("iehack.css");

body, html { margin: 0pt; padding: 0pt; background: rgb(5, 46, 90) none repeat; width: 100%; font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: rgb(51, 51, 51); }
img { border: medium none ; }
#headerhome { background: rgb(0, 25, 74) url('../images/headerhome.jpg') no-repeat scroll right center; width: 100%; height: 375px; }
#headercontent { background: rgb(0, 25, 74) url('../images/headercontent.jpg') no-repeat scroll right center; width: 100%; height: 247px; }
h1.titleLogo { display: none; }
#menu { border-bottom: 1px solid rgb(1, 158, 192); background: rgb(5, 46, 90) url('../images/menubgrd.gif') repeat-x scroll center top; width: 100%; height: 56px; margin-top: -12px; }
#menu a { font-size: 14px; color: white; text-decoration: none; }
#menu ul, #menu ul li { list-style-type: none; list-style-image: none; list-style-position: outside; }
#menu ul li { display: inline; float: left; }
#menu ul li a { padding: 15px; display: block; color: white; }
#menu ul li a:hover { border-bottom: 6px solid rgb(1, 158, 192); color: rgb(1, 158, 192); }
#menu ul li.current a { color: rgb(1, 158, 192); }
#languageA { padding: 5px; background: rgb(2, 27, 54) none repeat; position: absolute; left: 20px; top: 300px; color: white; }
#languageB { padding: 5px; background: rgb(2, 27, 54) none repeat; position: absolute; left: 20px; top: 200px; color: white; }
#languageA a, #languageB a { color: rgb(10, 154, 208); text-decoration: none; }
#languageA a:hover, #languageB a:hover { text-decoration: underline; }
#content { margin: 0pt; padding: 25px; background: white url('../images/cmxform-fieldset.gif') repeat-x scroll center bottom; overflow: auto; height: 100% !important;}
#leftContent { overflow: auto; width: 724px; margin-bottom: 25px; margin-right: 24px; float: left; }
* html #leftContent { overflow: visible ! important; }
#productContent { overflow: auto; width: 100%; margin-bottom: 25px; float: left; }
* html #productContent { overflow: visible ! important; }
#aboutContent { overflow: auto; width: 325px; margin-right: 24px; float: left; }
* html #aboutContent { overflow: visible ! important; clear: left; }
#aboutContent h2 { border-top: 4px solid rgb(1, 158, 192); border-bottom: 2px solid rgb(23, 60, 95); margin-top: 0px; font-family: "Helvetica",Verdana,Arial,sans-serif; font-size: 30px; color: rgb(23, 60, 95); }
#aboutContent h3 { margin-top: 0px; font-family: "Georgia",Verdana,Arial,sans-serif; font-size: 18px; font-style: italic; }
#menuContent { overflow: auto; width: 200px; margin-right: 24px; float: left; }
* html #menuContent { overflow: auto ! important; clear: left; height: 100%; }
#menuContent h2 { border-top: 4px solid rgb(1, 158, 192); border-bottom: 2px solid rgb(23, 60, 95); margin-top: 0px; font-family: "Helvetica",Verdana,Arial,sans-serif; font-size: 30px; color: rgb(23, 60, 95); }
#menuContent h3 { margin-top: 0px; font-family: "Georgia",Verdana,Arial,sans-serif; font-size: 18px; font-style: italic; }
#menuContent ul, #menuContent li { list-style-type: none; list-style-image: none; list-style-position: outside; }
#menuContent li { border-bottom: 1px solid rgb(23, 60, 95); padding: 10px; display: block; margin-left: -40px; }
#menuContent li.current { background: rgb(191, 222, 229) none repeat; }
#menuContent ul li a { display: block; color: rgb(23, 60, 95); text-decoration: none; font-stretch: extra-expanded; font-size: 16px; font-family: Verdana,Arial,Helvetica,sans-serif; }
#menuContent ul li a:hover { color: rgb(56, 152, 174); }
#mainContent { overflow: auto; width: auto; min-height: 100%; position: relative;}
* html #mainContent { overflow: visible ! important; clear: left; float: right; height: 100%; width: auto; }
#mainContent h2 { border-top: 4px solid rgb(1, 158, 192); border-bottom: 2px solid rgb(23, 60, 95); margin-top: 0px; font-family: "Helvetica",Verdana,Arial,sans-serif; font-size: 30px; color: rgb(23, 60, 95); }
#mainContent h3 { font-size: 18px; color: rgb(23, 60, 95); }
#mainContent span.date { font-size: 10px; }
* html #mainContent ul.rangeProduct { clear: right; }
#mainContent ul.rangeProduct li { border-bottom: 1px solid rgb(1, 158, 192); line-height: 30px; list-style-type: disc; list-style-image: url('../images/arrow_right.gif'); list-style-position: outside; }
#mainContent ul.rangeProduct li a { color: rgb(23, 60, 95); text-decoration: none; }
#mainContent ul.rangeProduct li a:hover { text-decoration: underline; }
#mainContent #selectProduct { border: 1px solid rgb(243, 207, 145); padding: 10px; background: rgb(238, 227, 198) none repeat; font-size: 10px; }
* html #mainContent #selectProduct { width: 95%; clear: left; }
a.linkBack { text-decoration: none; color: rgb(23, 60, 95); }
a.linkBack:hover { text-decoration: underline; }
#rightContent { overflow: auto; width: auto ! important; font-size: 11px; position: relative; }
* html #rightContent { overflow: visible ! important; clear: right; height: 100% ! important; }
#rightContent h2 { border-top: 4px solid rgb(1, 158, 192); border-bottom: 2px solid rgb(23, 60, 95); margin-top: 0px; font-family: "Helvetica",Verdana,Arial,sans-serif; font-size: 30px; color: rgb(23, 60, 95); font-style: normal; }
#rightContent h3 { font-size: 20px; color: rgb(23, 60, 95); }
#rightContent ul, #rightContent ul li { list-style-type: none; list-style-image: none; list-style-position: outside; }
#rightContent ul { margin-left: -40px; }
#rightContent ul li { border-bottom: 1px solid rgb(23, 60, 95); margin-bottom: 20px; }
#rightContent ul li a { font-size: 12px; font-style: normal; color: rgb(0, 98, 134); text-decoration: none; }
#rightContent ul li a:hover { text-decoration: underline; }
#footer { margin-left: 25px; margin-bottom: 10px; color: white; font-size: 11px; clear: left; position: absolute; }
#footer a { color: rgb(1, 158, 192); text-decoration: none; }
form, fieldset { margin: 0pt; padding: 0pt; }
fieldset { border: 1px solid rgb(0, 0, 0); }
legend { padding: 0pt; color: rgb(0, 0, 0); }
input, textarea, select { margin: 0pt; padding: 1px; font-size: 100%; font-family: inherit; }
select { padding: 0pt; }
form p { margin: 10px 0pt; }
.sr { overflow: hidden; position: absolute; left: -9999em; top: 0pt; width: 1px; height: 1px; }
form.cmxform fieldset { margin-bottom: 10px; }
form.cmxform legend { padding: 0pt 2px; font-weight: bold; }
form.cmxform label { line-height: 1.8; vertical-align: top; }
form.cmxform fieldset ol { margin: 0pt; padding: 0pt; }
form.cmxform fieldset li { margin: 0pt; padding: 5px; list-style-type: none; list-style-image: none; list-style-position: outside; }
form.cmxform fieldset fieldset { border: medium none ; margin: 3px 0pt 0pt; }
form.cmxform fieldset fieldset legend { padding: 0pt 0pt 5px; font-weight: normal; }
form.cmxform fieldset fieldset label { display: block; width: auto; }
form.cmxform em { font-weight: bold; font-style: normal; color: rgb(56, 152, 174); }
form.cmxform label { width: 120px; }
form.cmxform fieldset fieldset label { margin-left: 123px; }
form.cmxform { font-size: 1.1em; color: rgb(51, 51, 51); }
form.cmxform legend { padding-left: 0pt; }
form.cmxform legend, form.cmxform label { color: rgb(51, 51, 51); }
form.cmxform fieldset { border-style: solid none none; border-color: rgb(209, 198, 163) -moz-use-text-color -moz-use-text-color; border-width: 1px medium medium; background: transparent url('../images/cmxform-fieldset.gif') repeat-x scroll left bottom; }
form.cmxform fieldset fieldset { background: transparent none repeat; }
form.cmxform fieldset li { padding: 5px 10px 7px; background: transparent url('../images/cmxform-divider.gif') repeat-x scroll left bottom; }
#catTab div.menu { border-bottom: 1px solid rgb(215, 215, 215); background-color: rgb(1, 158, 192); color: rgb(255, 255, 255); height: 36px; width: auto; }
#catTab #catTabcontent1 img, #catTab #catTabcontent2 img, #catTab #catTabcontent3 img, #catTab #catTabcontent4 img, #catTab #catTabcontent5 img, #catTab #catTabcontent6 img { border: 4px solid rgb(238, 238, 238); float: left; margin-right: 10px; }
#catTab div.menu ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#catTab div.menu li { display: inline; line-height: 36px; }
#catTab div.menu li a { padding: 10px; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; }
#catTab div.menu li a.tabactive { background-color: rgb(5, 46, 90); font-weight: bold; position: relative; color: rgb(255, 255, 255); }
#catTab #catTabcontent1 { padding: 6px 0px; width: auto; min-height: 130px; font-size: 11px; }
#catTab #catTabcontent2 { padding: 6px 0px; width: auto; min-height: 130px; font-size: 11px; }
#catTab #catTabcontent3 { padding: 6px 0px; width: auto; min-height: 130px; font-size: 11px; }
#catTab #catTabcontent4 { padding: 6px 0px; width: auto; min-height: 130px; font-size: 11px; }
#catTab #catTabcontent5 { padding: 6px 0px; width: auto; min-height: 130px; font-size: 11px; }
#catTab #catTabcontent6 { padding: 6px 0px; width: auto; min-height: 130px; font-size: 11px; }
#basic-accordian { width: auto; z-index: 2; }
.accordion_headings { border: 1px solid rgb(255, 255, 255); padding: 5px; background: rgb(1, 158, 192) none repeat; color: rgb(255, 255, 255); cursor: pointer; font-weight: bold; }
.accordion_headings:hover { background: rgb(23, 60, 95) none repeat; }
.accordion_child { padding: 5px; }
.header_highlight { background: rgb(23, 60, 95) none repeat; }
ul.items, ul.items li { list-style-type: none; list-style-image: none; list-style-position: outside; }
ul.items { margin-left: 20px; }
* html ul.items { margin-left: 0pt; }
ul.items li { border-bottom: 1px solid rgb(209, 198, 163); margin-top: 5px; margin-bottom: 5px; }
ul.items li a { font-size: 12px; font-style: normal; text-decoration: none; color: rgb(23, 60, 95); }
ul.items li a:hover { color: rgb(1, 158, 192); }

.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 30px;
	min-height: 100%;
	background-color: #173c5f;
	}


	.mlddm li
	{	display: inline;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		margin: 0;
		padding: 8px;
		width: 80px;
		font: bold 11px arial;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		color: #fff;
		background-color: #173c5f}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	background: #72c0d1;
		color: #FFF}

		.mlddm ul
		{	position: absolute;
			visibility: hidden;
			margin: 3px 0 0 0;
			padding: 0;
			background-color: #f3ead2;
}

			.mlddm ul li
			{	float: none}

			.mlddm ul li a
			{	display: block;
				width: auto;
				margin: 0px;
				padding: 4px 13px;
				font-weight: normal;
				text-align: left;
				text-transform: none;
				color: #173c5f;
				background-color: #f3ead2}

			.mlddm ul li a:hover
			{	color: #FFF}

ul.brand , ul.brand li {
list-style: none;
}

ul.brand {
background: #f3ead2;
border: 1px solid #dbcfb0;
display: block;
padding: 10px;
height: 55px;
}

* html ul.brand {
margin-left: 0;
}

ul.brand li {
float: left;
margin-right: 10px;
}

ul.brand li span a {
color: white;
text-decoration: none;
background: #173c5f;
display: block;
padding: 20px;
}

ul.brand li span a:hover {
background: #019ec0;
}

ul.menuBrand, ul.menuBrand ul li {
list-style: none;
}


ul.menuBrand {
float: left;
min-height: 100% !important;
width: 130px;
height: auto !important;
background: #d6edf2;
border: 1px solid #98c7d1;
margin-top: -10px;
margin-right: 10px;
}

* html ul.menuBrand {
margin-left: 0;
}

ul.menuBrand li {
margin-left: -40px;
}

* html ul.menuBrand li {
margin-left: 0;
}

ul.menuBrand li span a {
color: #173c5f;
text-decoration: none;
display: block;
padding: 10px;
border-bottom: 1px solid #98c7d1;
}

* html ul.menuBrand li span a {
width: 100% !important;
}

ul.menuBrand li span a.active {
background: #173c5f;
color: white;
}

ul.menuBrand li span a:hover {
background: #173c5f;
color: white;
}

div.right {
min-height: 100% !important;
height: 100% !important;
width: auto;
clear: right;
overflow: auto;
}
