/* MAIN STYLES SHEET */

@import "../css/dev.css";

@font-face {
    font-family: Trebuchet MS;
    font-style:  normal;
    font-weight: normal;
    src: url('..\css\TREBUCH0.eot');
}

/* PREDEFINED */
body {
	background: #fff url('../images/bgr.gif') repeat-x;
	margin: 0px;
	padding: 1px;
}
body, td, input, select, textarea {
	font: 11px 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}
textarea { overflow: auto }
a {
	color: #96a0b5;
	text-decoration: none;
}
a:hover { color: #f63; }
h1 {
	position: relative;
	font: normal 18px/1em 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	color: #96a0b5;
	background: url('../images/dotts_h.gif') left bottom repeat-x;
	margin: 2px 0 4px;
	padding: 0 0 6px;
}
h2 {
	font: 16px/1em 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	color: #96a0b5;
	margin: 10px 0 2px;
	padding: 0px;
}
p { margin: 4px 0 8px }
form {
	margin: 0px;
	padding: 0px;
}

/* LAYOUT */
.xLimiter { margin: 0px auto }
#white { background: #fff }
#topNavs {
	position: relative;
	margin: 0px 10px;
	padding: 0px 43px 0px 215px;
	background: #d14d1d url('../images/ds_topline.gif') repeat-x;
	height: 32px;
}
#logoTop {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 196px;
	height: 28px;
	padding-left: 4px;
	background: url('../images/ds_topshad.gif') bottom repeat-x;
}
#logoTop div { float: left }
#logoTop a {
	display: block;
	padding: 12px 10px 4px;
	text-align: center;
	background: url('../images/lt_nav_bgr.gif') bottom repeat-x;
}
#logoTop a:hover { background-image: url('../images/lt_nav_bgr_over.gif'); }
#logoTop .sep {
	width: 3px;
	height: 100%;
	background: url('../images/ds03.gif') bottom;
}
#topShad img {
	width: 100%;
	border-bottom: 1px solid #dfe1e7;
}
#top {
	position: relative;
	margin: 0px 10px;
	padding: 0px 24px 0px 198px;
	background: url('../images/ds_top_bgr.gif');
	height: 56px;
}
#lang {
	position: absolute;
	top: 16px;
	right: 4px;
	font-size: 10px;
	text-align: right;
}
#lang a {
	display: block;
	text-decoration: none;
}
#lang a:hover { color: #606570 }
#lang a img {
	vertical-align: middle;
	margin: 4px;
	border: 1px solid #e5e7eb;
}
#lang a:hover img { border-color: #fff }
#logo {
	position: absolute;
	left: 3px;
}
#picPatch {
	position: absolute;
	top: -56px;
	left: 187px;
}
#footer {
	font: 10px/14px Tahoma, Arial, Helvetica, sans-serif;
	color: #96a0b5;
	text-align: center;
	padding: 0px 18px;
	background: url('../images/ds_footer_bgr.gif');
	height: 78px;
}
#footer img {
	width: 100%;
	height: 1px;
	margin-bottom: 13px;
	background: #eeeff2;
}
#footer a,
.biFixed a {
	text-decoration: none;
	border-bottom: 1px dashed #96a0b5;
}
#footer a:hover,
.biFixed a:hover  { border-bottom: 0px }
.pic, .boxItem, #footer { position: relative }
.pic { height: 181px }
.pic .holder {
	border: 8px solid #fff;
	margin: 0px 10px;
	height: 165px;
	background: #000 url('../images/pic_bgr.jpg') no-repeat;
}

/* MAIN NAVIGATION TABS */
.tnTab td {
	vertical-align: top;
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
	height: 32px;
}
.tnTab .tnLeft,
.tnTab .tnRight {
	position: absolute;
	width: 5px;
	height: 33px;
	bottom: 0px;
}
.tnTab .tnLeft {
	left: 0px;
	background: url('../images/tn_nav_tab_left.gif') bottom left no-repeat;
}
.tnTab .tnRight {
	right: -1px;
	background: url('../images/tn_nav_tab_right.gif') bottom right no-repeat;
}
.tnTab a,
.tnTab a:hover,
.tnTab b {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #96a0b5;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	position: relative;
	width: 100%;
	padding: 9px 0px 8px;
	background: #96a0b5 url('../images/tn_nav_tab_bgr.gif') bottom repeat-x;
}
.tnTab a { color: #606570 }
.tnTab a:hover {
	color: #606570;
	padding-top: 11px;
}

/* SHADOWS */
.pic .lShad,
.pic .rShad,
#footer .lShad,
#footer .rShad {
	position: absolute;
	height: 100%;
	width: 10px;
}
#main .lShad { width: 18px }
#main .rShad { width: 10px }
.pic .lShad,
#footer .lShad { left: 0px }
.pic .rShad,
#footer .rShad { right: 0px }
.pic .lShad { background: url('../images/shad01_l.jpg') no-repeat }
.pic .rShad { background: url('../images/shad01_r.jpg') no-repeat }
#main .lShad { background: url('../images/shad02_l.gif') repeat-y }
#main .rShad { background: url('../images/shad02_r.gif') repeat-y }
#footer .lShad {
	background: url('../images/shad03_l.gif') no-repeat;
	border-right: 1px solid #fff;
}
#footer .rShad {
	background: url('../images/shad03_r.gif') no-repeat;
	border-left: 1px solid #fff;
}

/* CUSTOM */
.left { float: left }
.right { float: right }
.inline {
	display: inline;
	vertical-align: text-bottom;
	margin: 0px 3px;
}

.boxItem {
	width: 100%;
	background: url('../images/ds_cntbox_bgr.gif') repeat-x;
}
.boxItem .content { padding: 12px 16px }
.boxItem .biLeft,
.boxItem .biRight {
	position: absolute;
	width: 5px;
	height: 50px;
	background: url('../images/ds_cntbox_left.gif') no-repeat;
}
.boxItem .biRight {
	right: 0px;
	background-image: url('../images/ds_cntbox_right.gif');
}
.cnt, .biFixed {
	vertical-align: top;
	padding: 0px 8px 8px 0px;
}
.biFixed {
	font: 10px/1.2em 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	width: 172px;
}
.biFixed b {
	font-size: 11px;
	color: #f63;
}
.biFixed b a { border: 0px }
.biFixed .item {
	position: relative;
	padding: 8px 0px 16px;
	margin-bottom: 4px;
	background: url('../images/dotts_h.gif') bottom left repeat-x;
}
.biFixed .inline {
	margin-top: 8px;
	clear: both;
}
.biFixed .left {
	width: 44px;
	height: 44px;
	margin: 2px 6px 2px 0px;
}
.banners {
	color: #96a0b5;
	font-size: 10px;
	text-transform: uppercase;
	position: relative;
	border: 1px solid #cacdd7;
}
.banners td { text-align: center }
.banners .bnTitle {
	position: absolute;
	left: 10px;
	top: -14px;
	background: #fff;
	padding: 4px;
}
.block { display: block }
.hr {
	clear: both;
	font-size: 1px;
	height: 8px;
	border-bottom: 1px solid #eeeff2;
	margin-bottom: 8px;
}


.bc {
	position: relative;
	font-size: 10px;
	color: #c6cad4;
	background: url('../images/dotts_h.gif') left bottom repeat-x;
	padding: 0 0 4px;
	margin: 0 0 12px;
}
.bc a, .bc i {
	font-style: normal;
	padding-left: 8px;
	background: url('../images/arr_bc.gif') left no-repeat;
}
.clear {
	clear: both;
	font-size: 1px;
}

/* form objects */
.txtFld {
	position: relative;
	border: 1px solid #ccc;
	background: #fff;
	width: 99%;
}
.frmBtn {
	color: white;
	font: bold 10px 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #d14d1d;
	border: 1px solid #fff;
	padding: 0 3px;
}