@charset "utf-8";
BODY {
	color: #525252;
	background-color:#c0c0c0;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

A:link {color: #0069cc;}
A:visited {color: #727272;}
A:hover, A:active {color: #c8322e;}

H1 {font-size: 200%; font-weight: normal; padding-left:1em; margin: 0 0 10px; color:#4D8FCF; text-shadow: 2px 2px 2px #CCC;}
H2 {font-size: 150%; margin: 30px 0 20px; text-indent:1.5em; font-weight:400; text-shadow: 2px 2px 2px #CCC;}
H3 {text-align:center; margin: 20px 15% 20px; color: #777;}

Q {font-style:italic; color:#004182; font-family:Georgia, "Times New Roman", Times, serif;}
IMG {vertical-align: middle; border: none;}
P IMG {float: left; margin: 10px 20px; clear:left;}
P { text-indent: 2em; text-align:justify; line-height:1.5em;}
UL, OL {margin: 25px 0; line-height:1.5em; padding-left:2em; list-style-position:outside; text-align:justify;}
LI UL, LI OL {margin: 7px 0 20px;}
UL IMG, OL IMG, IMG.right {float: right; margin: 10px 0 10px 20px; clear:right;}
.nowrap {white-space:nowrap;}
.center {text-align:center;}
IMG.center {margin:auto; display:block;}
.grayBg {background-color:#525252; text-shadow: 1px 1px 1px #000;}
.redBg {background-color:#c8322e; text-shadow: 1px 1px 1px #720A09;}
.redBg, .grayBg {color: white;}

.uppercase { text-transform:uppercase; }

.clear {clear:both; font-size:0; height:0; overflow:hidden;}
.help {cursor: help;}

.sub {vertical-align: sub;}
.footnote SPAN, .super {vertical-align: super;}
.footnote SPAN, .sub, .super {font-size:80%;}

.footnote {list-style:none; color:#555;}
.footnote SPAN {font-weight: bold;}
.footnote LI, .wide LI {padding: 5px 0;}
.headers LI STRONG {display:block;}

#wrapper {
	margin: auto;
	width: 870px;
	background-color: #FFFFFF;
	padding: 15px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #777;
	background-color: #8EAFCF;
}

#outerBorder {
	border: 1px solid #ccd9df;
	border-top: none;
	background-color: #FFFFFF;
	border-radius: 8px;
}

#insideBorder {
	border:1px solid #525252;
	padding: 0 1px 1px;
	border-radius: 8px;
}

#header {
	border-top: 10px solid #e3e3e3;
	background-color:#FFFFFF;
	position: relative;
	border-radius: 8px 8px 0 0;
}
#header #lang {position:absolute; left:0; top:-9px;}
#header #logo {float: left;}
#header #quickContacts {
	float: right;
	color: #8d9299;
	font-size: 18px;
	padding-right:20px;
	text-align:right;
	display: table;
}
#header #quickContacts IMG { margin-left: 30px;}
#header #quickContacts A {color: #8d9299; text-decoration:none; }
#header #quickContacts DIV { display: table-cell; vertical-align: middle; height:74px; }
#header #quickContacts DIV A:first-child IMG {margin-left:0;}

#mainWrapper {background: url(/img/side_bg.gif) repeat-y; clear:both;}

#main #banner {height: 264px; position: relative;}
#main #banner H1 { position: absolute; top:40px; left:0; z-index: 2; }
#main #banner IMG { position: absolute; top:1px; right:0;}

.banner {background-repeat: no-repeat; background-position: right top; padding-top: 243px; margin-top:0;}

#main #wellcome {margin-bottom: 30px;}
#main #wellcome H1 { margin: 30px 0 20px;}
#main #wellcome P {margin: 20px 0;}

.hotEqBox {	border-bottom: 1px solid #bdcbd7; }
.noborder {border: none !important;}
.hotEqBox IMG {padding-bottom: 20px; padding-right:24px;}
.hotEqBox A.photo {width: 156px; display:block; float: left; text-align:center;}
.hotEqBox H2 {margin: 25px 0 15px; text-indent:0;}

.blockContent {margin: 20px 24px;}
#main > .blockContent {margin-top: 0;}

DIV.readMore {text-align:right;}
DIV.readMore A, A.readMore {padding-left:15px; background: url(/img/triangle_pointer_red.gif) no-repeat 7px center;}
A.readMore {text-decoration:none;}

#menu UL {list-style:none; margin: 0; padding:0; line-height: normal; text-align:center;}
#menu UL LI {float: left; width: 91px; border-left:1px solid #fff; overflow: hidden;}
#menu UL LI A { color: #fff; text-decoration: none; white-space:nowrap;}
#menu UL LI:first-child {border: none; width:182px;}

.header {
	text-align:center;
	font-size: 110%;
	padding: 2px 0;
	border-radius: 8px 8px 0 0;
}
.header A {color: white; text-decoration:none;}

#mainContent .header {margin: 25px 0;}

UL.selector {
	list-style: none;
	padding:0;
	line-height:1em;
	margin-left: 0;
	margin-right:0;
	list-style-position:outside;
}
UL.selector UL {line-height:1em;}
UL.selector A {
	display:block;
	padding: 5px 0 5px 39px;
	background:url(/img/bullet_blue.gif) no-repeat 24px center;
	text-decoration: none;
}

UL.selector A:hover, UL.selector A:active {
	color: #c8322e; 
	background-color: #f0f1f1; 
	background-image:url(/img/bullet_red.gif);
	border-width: 1px 0;
	border-color: #eceded;
	border-style: solid;
	padding-top: 4px;
	padding-bottom: 4px;
}

.hotNews .blockContent P A {text-decoration: none;}
.hotNews .blockContent P A:hover {text-decoration: underline;}
.hotNews .blockContent P A SPAN {text-decoration:underline;}
.hotNews .blockContent UL LI A IMG {background-color: white; float: left; padding: 3px; border: 1px solid gray; margin: 0 5px 5px 0; width: 40px; height: 40px;}
.hotNews UL {list-style: none; margin:0; padding:0;}
.hotNews UL LI {border-bottom: 1px dotted gray; margin:8px 0 20px 0;}
#hotSaleMap .blockContent {text-align:center; margin-left: 0; margin-right:0;}

.newsEntry .date {font-weight:bold; font-size:120%; color: #777; border-top:1px solid #bdcbd7; text-align:right;}
.newsEntry {margin: 20px 0 30px; clear:left;}

.pubNote {font-size: .9em; font-style:italic; text-align:right; padding-left: 250px;}
.categoryNote {text-align:right; font-weight: bold; color:#C8322E; padding-bottom:20px;}
.pageNote {color: #3B73B9; margin: 20px 0 40px;}
.breakoutText {font: italic 140% 'Times New Roman', Times, serif; color: #4179AF; margin: 30px 0;}

.mainBox {
	float: right;
	width: 555px;
}
.sideBox {
	float:left;
	width: 300px;
}

#footer #hr DIV {
	height:8px;
	margin-bottom:4px;
	font-size:0;
}

#footer #copy {
	height:70px;
	background-color:#777;
	color: #F9F8F9;
	font-size: 80%;
	text-align: center;
	display: table;
	border-radius: 0 0 0 8px;
}

#footer #copy DIV {
	display: table-cell;
	vertical-align: middle;
}
#footer #copy A {color: #ffffff; text-decoration:none;}
#footer #copy strong {display: block;}
#footer #logoSet {font-size:0; text-align:center;}
#footer #logoSet IMG {padding: 8px 4px;}

IMG.border, .hotEqLinks IMG {border: 1px solid #777; padding:8px;}

.hotEqLinks IMG { display:block; float: none; margin: 0 auto;}
.hotEqLinks UL {list-style: none; text-align:center;}
.hotEqLinks UL LI {padding-bottom: 30px;}
.hotEqLinks .subheader {display:block; text-align:center; font-weight: bold;}

.hotVideo {margin-bottom: 40px;}

DL.hotDocLink {background-color:#EFEFEF;}
DL.hotDocLink IMG {padding: 0 24px; float:left;}
DL.hotDocLink DT { font-weight: bold; padding-bottom: 10px; }

.tooltip {
	position:relative;
	cursor: help;
	background:url(/img/tooltip.gif) no-repeat right top;
	padding-right: 14px;
	color: #006FA4;
}
.nobubble {background: none; padding-right: 0; color: inherit;}
.tooltip SPAN {
	display: none;
	position:absolute;
	top:.8em;
	left: 2em;
	background-color:#FFFFE6;
	padding:5px;
	text-indent:0;
	border: 1px solid #ddd;
	opacity:.9;
	color: #0073E6;
}
.tooltip:hover SPAN {display: block;}
.tooltip IMG {margin: 0; float: none;}

UL.eqList LI UL {
	padding-left: 100px;
	background-repeat: no-repeat; 
	background-position: left center;
	min-height:70px;
}

.additionalLinks {padding-top:30px; padding-bottom:30px; border-top: 2px dotted gray;}
.source {font-size: 80%;}
.hotVideo .source {padding-right:8px; text-align:right; color: #727272;}

/* Common Table CSS */

TABLE {
	margin: 30px auto;
	border-collapse: collapse;
}
TD, TH {
	border: 1px solid #999;
	padding: 5px;
	empty-cells: hide;
}
TH {
	color: #3B73B9;
	background-color:#EFF7FF;
}

.hotEqLinks TABLE {margin: 15px auto;}
.yes {color: #00BF00;}
.no {color: #E10000;}
.yes, .no {text-align:center;}

/* Table styles for new browsers */

TABLE {
    border-collapse: separate;
	border: none;
	background: none;
	padding:0;
}

TR>TD, TR>TH {
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 border-radius: 10px;
}

.decorBox,  TH {
    background: rgb(205,230,242); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(205,230,242,1) 0%, rgba(242,249,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(205,230,242,1)), color-stop(100%,rgba(242,249,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(205,230,242,1) 0%,rgba(242,249,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(205,230,242,1) 0%,rgba(242,249,254,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, rgba(205,230,242,1) 0%,rgba(242,249,254,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde6f2', endColorstr='#f2f9fe',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, rgba(205,230,242,1) 0%,rgba(242,249,254,1) 100%); /* W3C */
}

TD {
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(246,251,252,1) 40%, rgba(237,246,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,254,254,1)), color-stop(40%,rgba(246,251,252,1)), color-stop(100%,rgba(237,246,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(254,254,254,1) 0%,rgba(246,251,252,1) 40%,rgba(237,246,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(254,254,254,1) 0%,rgba(246,251,252,1) 40%,rgba(237,246,249,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(254,254,254,1) 0%,rgba(246,251,252,1) 40%,rgba(237,246,249,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#edf6f9',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, rgba(254,254,254,1) 0%,rgba(246,251,252,1) 40%,rgba(237,246,249,1) 100%); /* W3C */
}

.decorBox {
	box-shadow: 0 1px 3px #777;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    padding: 10px;
	margin: 30px 0;
}
UL.decorBox, OL.decorBox {padding:1em 2em;}

.balloon {
	position:absolute;
	right:220px;
	bottom:60px;
	padding-bottom:12px;
	background:url(/img/green-balloon-tail.png) bottom right no-repeat;
	opacity:.9;
}
.balloon>DIV {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
	padding: 5px 15px;
	background-color:#69b854;
	color:#fff;
	text-align:center;
	text-shadow: 2px 1px 1px #398724;
}
.balloon STRONG {display:block;}

.helpNote {
	margin: 30px 0 40px;
	font-size:90%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
	-webkit-box-shadow:0 1px 3px #666666;
	-moz-box-shadow:0 1px 3px #666666;
	box-shadow: 0 1px 3px #666666;
	background-color:#FFFFCE;
	padding:8px;
}
