@import url("/common/styles-profile.css");

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #383838;
}


a:link {
	color: #b50300;
}

#pageBody a:visited {
	color: #c63d3b;
}

a:hover,
#pageBody a:hover {
	color: #e47100;
}


.nounderline a {
	text-decoration: none;
}

.nounderline a:hover {
	text-decoration: underline;
}


*:focus {
	outline: none;
}


h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.17em;
}

h4,
h5,
h6 {
	font-size: 1em;
}


h1 {
	color: #000;
}

h2,
h3,
h4,
h5,
h6 {
	color: #333;
}


hr {
	height: 1px;
	background: #fff;
	color: #fff;
}


.spacerGlobal,
.spacerColumn {
	display: block;
	height: 2px;
	overflow: hidden;
	margin: 0 0 -2px;
	font-size: 1px;
}

.spacerGlobal {
	width: 998px;
}

.spacerColumn {
	width: 238px;
}


*.gray,
*.gray *,
.gray a {
	color: #7f7f7f !important;
}

a.gray:hover,
.gray a:hover,
.gray a:hover * {
	color: #b50300 !important;
}


*.gray2,
*.gray2 *,
.gray2 a {
	color: #818181 !important;
}

a.gray2:hover,
.gray2 a:hover,
.gray2 a:hover * {
	color: #d1d1d1 !important;
}


*.white,
*.white *,
.white a {
	color: #fff !important;
}

a.white:hover,
.white a:hover,
.white a:hover * {
	color: #f7f5ca !important;
}


#pageHeader {
		margin: 0 29px;
	padding: 20px 0 0;
	cursor: default;
}


#logotype {
	display: block;
	padding: 0 44px 0 26px;
	position: relative;
	z-index: 1002;
}

#logotype img {
	vertical-align: bottom;
}


#register {
	margin: 0 0 0 18px;
	padding: 8px 0 0;
}

#homepage #register {
	margin: 0;
}

#registerTitle {
}

#registerContent {
	height: 19px;
	overflow: hidden;
}

#registerContent span {
	margin: 0 4px 0 0;
}


#telephone {
	padding: 5px 0 0;
}

#telephoneIcon {
	width: 12px;
	height: 21px;
	overflow: hidden;
	margin: 0 5px 0 0;
	background: url("/i/telephone.gif");
	font-size: 1px;
}

#telephoneNumber {
	color: #7f7f7f;
	font: normal 2.1em/1em Arial, sans-serif;
}


#newsTicker {
	margin: 0 44px 0 18px;
	padding: 0 0 19px;
}

#homepage #newsTicker {
	margin: 0;
}

#newsTicker * {
	overflow: hidden;	white-space: nowrap;
	cursor: default !important;
}

#newsTicker a {
	color: #999 !important;
	text-decoration: none;
	cursor: pointer !important;
}

#newsTicker a:hover {
	color: #b50300 !important;
	text-decoration: underline;
}

.newsTicker {
	width: 100%;
	height: 1.4em;
	overflow: hidden;
	font: 1em/1.2em Arial, sans-serif;
	}


#basket {
	margin: 0 18px 0 0;
	padding: 0 0 16px;
}

#basketCaption {
	background: #b50300 left top url("/i/basket-item.gif") no-repeat;
	color: #fff;
	font-size: 1.17em;	
}

#basket.filled #basketCaption {
	background-position: 0 -84px;
}

#basketTitle {
	height: 28px;
	overflow: hidden;
	background: right -28px url("/i/basket-item.gif") no-repeat;
}

#basketTitle span,
#basketTitle a {
	display: block;
		padding: 5px 31px 88px 36px;
}

#basketTitle span {
	padding-right: 17px;
}

#basketTitle a {
	background: right -56px url("/i/basket-item.gif") no-repeat;
	color: #fff !important;
	text-decoration: none;
}

#basketTitle a:hover {
	color: #fefce4 !important;
	text-decoration: underline;
}

#basketContent {
	margin: 0 0 1.75ex;
	padding: 0 9px 0 0;
}

#basketContent span {
	margin: 0 0 0 6px;
	padding: 0 0 0 8px;
	background: left 3px url("/i/separator.gif") no-repeat;
}


#shadowItem {
	height: 28px;
	overflow: hidden;
	position: relative;
	top: -14px;
	z-index: 1001;
	background: top url("/i/shadow.gif") repeat-x;
}

#shadowItem * {
	display: block;
	height: 28px;
	background: left -28px url("/i/shadow.gif") no-repeat;
}

#shadowItem em {
	background-position: right -56px;
}

#pageHeader .rectangle {
	height: 43px;
	overflow: hidden;
	margin: -14px 0 0;
	background: #131313 top url("/i/menu-item.gif") repeat-x;
}


#pageMenu {
}

.menuItem a {
	display: block;
	height: 43px;
	overflow: hidden;
	color: #fff;
	font: normal 1.17em/1em Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.screen1024 .menuItem a {
	font-size: 12px;
}


.menuItemNow {
	background: #b50300 center -43px url("/i/menu-item.gif") repeat-x;
}

.menuItemNow a {
	color: #fff;
	text-decoration: none;
}

#homepage .menuItemNow a {
	color: #fff !important;
	text-decoration: none !important;
	cursor: default;
}


.menuItem a:hover {
	color: #fefce4;
	text-decoration: underline;
}


.menuItem strong {
	display: block;
	padding: 13px 17px 88px 16px;
	background: right -86px url("/i/menu-item.gif") no-repeat;
	font-weight: normal;
}

.screen1024 .menuItem strong {
	padding: 15px 9px 88px 8px;
}

.menuItemNow strong {
	background-position: right -129px;
}


#search {
	width: 167px;
	height: 25px;
	overflow: hidden;
	margin: 9px 18px 0 10px;
	background: #fff url("/i/search.gif");
	white-space: nowrap;
}

#searchForm {
	width: 167px;
	height: 25px;
	background: right -25px url("/i/search.gif") no-repeat;
	cursor: default;
}

#searchInput {
	padding: 0 0 0 10px;
	vertical-align: middle;
}

#searchInput input {
	width: 132px;
	margin: 0;
	padding: 0;
	background: transparent;
	color: #000;
	border: none;
	font-size: 1.17em;
	cursor: text;
}

#searchButton {
	vertical-align: top;
}

#searchButton input {
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 1em;
	vertical-align: middle;
	cursor: pointer;
}


#pageContent {
		margin: 0 29px;
	background: #f3f3f3 left url("/i/silver.gif") repeat-y;
}

#pageMarkup {
		background: right url("/i/silver.gif") repeat-y;
}

#homepage #pageMarkup {
}


.fill {
	background: #fff;
}

.fill.gradient {
	background: #fff center 1px url("/i/fill-gradient.gif") repeat-x;
}

.pageColumn {
	border-right: 1px solid #fff;
}


.caption {
	background: #b50300;
	border-top: 1px solid #d36b69;
}

.caption h2 {
	margin: 0;
	padding: 11px 18px;
	color: #fff;
	font-size: 1.25em;
	text-transform: uppercase;
}

.content {
		padding: 18px;
}


#pageBody {
		padding: 18px;
}


#pageFooter {
		margin: 0 29px 20px;
	padding: 14px 0 0;
	background: #000 top url("/i/gradient.gif") repeat-x;
	border-top: 1px solid #fff;
	cursor: default;
}

#homepage #pageFooter {
	border: none;
}

#pageFooter a {
	white-space: nowrap;
}

#pageFooter img {
	vertical-align: bottom;
}


#pageNavigation {
	margin: 0 18px;
	color: #fff;
	font-size: 0.95em;
	line-height: 1.5em;
}

#pageNavigation span {
	display: inline-block;
	margin: 0 8px 0 0;
	padding: 0 9px 0 0;
	background: right 4px url("/i/separator2.gif") no-repeat;
}

#pageNavigation span.last {
	margin: 0;
	padding: 0;
	background: none;
}


#update {
	margin: 0 18px;
	line-height: 1.5em;
}


#copyright {
	margin: 0 18px;
	padding: 18px 0 22px;
}

#hintSource {
}

#hintCopy {
	margin: 0 0.45em 0 0;
	padding: 0 0 1px;
	color: #818181;
	line-height: 1.1em;
}

#hintName {
	display: block;
	padding: 0 0 1px;
	color: #6d6d6d;
	line-height: 1.1em;
	text-decoration: none !important;
	cursor: wait;
}

#hintSource.on #hintName {
	background: left bottom url("/i/hint-underline.gif") no-repeat;
	color: #818181;
	cursor: pointer;
}

#hintSource.on #hintName:hover {
	background-position: -248px bottom;
	color: #d1d1d1;
}

#hintSource.on #hintName.now {
	background: none;
	color: #818181 !important;
	cursor: default;
}


#hint {
	width: 388px;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 7001;
	margin: 0 0 0 -15px;
	padding: 0 0 5px;
	cursor: default;
}

#hintClose {
	width: 15px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	margin: 5px 0 0 367px;
	font-size: 1px;
	background: center 4px url("/i/hint-close.gif") no-repeat;
	cursor: pointer;
}

#hintClose.on {
	background-position: center -46px;
}

#hint_t,
#hint_b {
	width: 388px;
	height: 4px;
	overflow: hidden;
	margin: 0;
	font-size: 1px;
}

#hint_b {
	height: 5px;
}

#hint_t em,
#hint_b em {
	display: block;
	width: 388px;
	height: 509px;
	background: left top url("/i/hint.png") no-repeat;
}

#hint_t em {
	margin: -500px 0 0;
}

#hint_b em {
	margin: -504px 0 0;
}

#hint_c {
	width: 388px;
	background: left top url("/i/hint.png") no-repeat;
}

#hintContent {
		padding: 7px 15px 10px;
	text-align: left;
}

#hintContact {
		padding: 0 0 0.75em;
	font-size: 1.17em;
	/*font-weight: bold;*/
}

#hint_c a {
	position: relative;
}

#profile {
	padding: 0 2.5em 0 0;
}

#profileAddress,
#profileContacts {
	margin: 0;
}

#profileAddress {
	padding: 0 2em 0 0;
}


#profileRegistration {
	margin: 1.1ex 0 0;
}


#brick {
	height: 17px;
	overflow: hidden;
	margin: 18px 18px 22px;
}


#pageList {
}

#pageList_Title {
	display: block;
	font-size: 1.4em;
}

#pageList ul {
	margin: 1em 0 1.5em 0.75em;
}

#pageList ul ul {
	margin: 0.85em 0 1.5em 0.85em;
}


#pageList em {
	font-style: normal;
	font-weight: bold;
}

#pageList strong a {
	color: #333 !important;
	text-decoration: none;
	cursor: default;
}


#cover {
	background: #b50300 right top url("/i/cover.jpg") no-repeat;
	height: 239px;
	overflow: hidden;
}

#cover p {
	margin: 0;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
	background: url("/i/white42.png") repeat-x;
}


#rootHome_Nucleus {
	background: #b50300;
}

#bodyHomepage {
		padding: 20px 27px;
	border-top: 1px solid #d36b69;
}

.screen1024 #bodyHomepage {
	padding: 20px;
}

#welcomeIcon {
	width: 82px;
	height: 131px;
	margin: 0 16px 0 0;
	background: url("/i/welcome-icon.gif");
}

#bodyHomepage h1 {
	margin: -5px 0 1.2ex;
	color: #f3f3f3;
	font-size: 1.9em;
	line-height: 1em;
}

#bodyHomepage .rectangle,
#bodyHomepage .rectangle td {
	color: #f8e6e6;
	font-size: 14px;
	line-height: 1.2em;
}

#bodyHomepage a {
	color: #f8e468 !important;
}

#bodyHomepage a:hover {
	color: #ffc !important;
	text-decoration: underline !important;
}

#bodyHomepage h2 {
	font-size: 1.3em;
}

#bodyHomepage h3 {
	font-size: 1.1em;
}


#bodyNews .caption {
}

#bodyNews .content {
	border-top: 1px solid #fbfbfb;
}


.caseButton {
	padding: 6px 11px 14px;
	text-align: center;
}

.caseButton span {
	display: inline-block;
	height: 28px;
	overflow: hidden;
	margin: 4px 7px;
}

<PUBLIC:COMPONENT URN="urn:msdn-microsoft-com:workshop">
	<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="on()" />
	<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="off()" />

	<script language="jscript">
		var opacity;

		function on() {
			element.filters[2].apply();
			opacity = element.filters[1].opacity;
			element.filters[1].opacity = "100";
			element.filters[0].grayscale = "0";
			element.filters[2].play();
		}

		function off() {
			element.filters[2].apply();
			element.filters[1].opacity = opacity;
			element.filters[0].grayscale = "1";
			element.filters[2].play();
		}
	</script>

</PUBLIC:COMPONENT>