/* general page style */
body
{
	background: #4f74ad url(bg-grad.jpg) top repeat-x;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #eeeeee;
}


/* links */
a
{
 color: #e68700;
 text-decoration: none;
}
a:hover
{
 color: #e68700;
 text-decoration: underline;
}


/* areas */
.home-top-spacer
{
 height: 8px;
}

.container
{
 width: 970px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

.top
{
 height: 72px;
 background-color: white;
 /*text-align: left;*/
}
.top img
{
 margin-top: 7px;
}

.bar
{
 margin-top: 3px;
 padding-bottom: 3px;
 background: /*#f1c519*/ url(menu-bg.jpg) top repeat-x;
 font-size: 11px;
 height: 23px;
}
.langs
{
 float: left;
 width: 200px;
 text-align: left;
 padding-left: 9px;
}
.langs a
{
 display: block;
 float: left;
 padding: 4px 9px 5px 29px;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 color: #2a2929;
 background-position: 9px 7px;
 background-repeat: no-repeat;
}
.langs a:hover
{
 text-decoration: none;
 background-color: #f1c519;
 color: #2a2929;
}
.menu
{
 float: right;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #2a2929;
 text-align: right;
 padding-right: 9px;
}
.menu a
{
 display: block;
 float: left;
 padding: 5px 9px 5px 9px;
 text-decoration: none;
 color: #2a2929;
}
.menu a:hover
{
 text-decoration: none;
 background-color: #f1c519;
 color: #2a2929;
}
.menu a.current
{
 background-color: #f1c519;
}

.page
{
 clear: both;
 background: white url('page-bg.gif') repeat-y;
}
.page .left
{
 float: left;
 width: 162px;
 padding: 10px;
 text-align: left;
}
.page .left .item
{
 padding-top: 28px;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: white;
}
.page .left .item a
{
 display: block;
 font-size: 13px;
 font-weight: bold;
 color: #f4bd26;
 text-decoration: none;
 margin-bottom: 12px;
}
.page .left .item a:hover
{
 text-decoration: none;
 color: white;
}
.page .left .item a span
{
 display: block;
 color: white;
}
.page .left .item a.anch
{
 display: block;
 font-size: 12px;
 font-weight: normal;
 color: white;
 text-decoration: none;
 font-family: Verdana, Tahoma, Arial;
}
.page .left .item a.anch:hover
{
 text-decoration: underline;
}
.page .left .item a.faq
{
 display: block;
 font-size: 12px;
 font-weight: normal;
 font-style: italic;
 color: white;
 text-decoration: none;
}
.page .left .item a.faq:hover
{
 text-decoration: underline;
}
html>body .page .left
{
 width: 142px;
}
.page .image
{
 float: left;
 width: 162px;
}
.content
{
 float: right;
 width: 640px;
 color: #434141;
 font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: justify;
 padding: 10px 15px 0px 10px;
}
html>body .content
{
 width: 615px;
}

.page .bottom
{
 clear: both;
 margin: 0px;
 padding: 0px;
}
.bottom .menu
{
 float: right;
 padding: 0px;
 font-size: 10px;
}
.bottom .menu a
{
 color: #909090;
 text-decoration: none;
 padding: 0px;
 margin: 0px;
}
.bottom .menu a:hover
{
 color: #909090;
 text-decoration: underline;
 background-color: #404040;
}

.bottom
{
 clear: both;
 padding: 10px;
 font-size: 10px;
 color: #dcdcdc;
 text-align: center;
}
.bottom a
{
 color: white;
 text-decoration: none;
}
.bottom a:hover
{
 color: white;
 text-decoration: underline;
}


.tabs
{
 text-align: left;
 padding: 0px;
 margin-bottom: 10px;
}
.tab1
{
 margin-left: 9px;
 /*background: red;*/
 float: left;
 width: 226px;
 text-align: left;
 font-size: 11px;
 padding-top: 10px;
}
html>body .tab1
{
 margin-left: 16px;
}
.tab2
{
 margin-left: 10px;
 float: left;
 width: 226px;
 background-color: #356597;
 text-align: left;
 font-size: 11px;
}
html>body .tab2
{
 /*width: 212px;*/
}
.tab2 .text
{
 padding: 7px 9px 0px 9px;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: white;
}
.tab3
{
 margin-left: 10px;
 float: left;
 width: 228px;
 background: #4d87c3 url(tab-bg.gif) center repeat-y;
 text-align: left;
 font-size: 13px;
}
.tab3 .text
{
 padding: 10px 12px 0px 12px;
 height: 72px;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: white;
}
html>body .tab3 .text
{
 height: 52px;
}
.tab3 a
{
 display: block;
 font-size: 14px;
 font-weight: bold;
 color: #f4bd26;
 text-decoration: none;
}
.tab3 a:hover
{
 text-decoration: none;
 color: white;
}
.tab3 a span
{
 display: block;
 color: white;
}


.content .T1 , .content H1
{
	display: block;
	font-size: 16px;
	font-family: sans-serif, verdana, arial, sans-serif;
	font-weight: bold;
	color: #004b95;
	padding: 0px;
	margin: 0px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.content .T2 , .content H2
{
 display: block;
 font-weight: bold;
 font-size: 15px;
 padding: 0px;
 margin: 0px;
}
.content .T3 , .content H3
{
 display: block;
 font-weight: bold;
 font-size: 13px;
 padding: 0px;
 margin: 0px;
}
.content .small
{
 font-size: 11px;
}
.content .smaller
{
 font-size: 10px;
}
.content .smallest
{
 font-size: 9px;
}

.content .pics
{
 padding-top: 15px;
}
.content .pics a
{
 float: left;
 padding: 0px 4px 16px 14px;
}






/* ------------------------------------------- XXX -------------------------------------- */


.list
{
 margin: 10px 0px 10px 0px;
}
.list .item
{
 display: block;
 margin: 8px 0px 8px 0px;
}
.list .item .title
{
 float: left;
 margin: 0px;
 padding: 0px;
 font-size: 13px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #555;
 text-align: left;
}
.list .item .title a
{
 color: #555;
 text-decoration: none;
}
.list .item .title a:hover
{
 color: #e68700;
 text-decoration: none;
}
.list .item .date
{
 float: right;
 text-align: right;
 font-size: 10px;
}
.list .item .text
{
 clear: both;
 text-align: justify;
 padding: 0px;
 margin: 0px;
}
.list .item img
{
 float: left;
 border: solid 1px #e3e2e2;
 margin-right: 6px;
}
.list .item a.url
{
 float: left;
}
.list .item a.more
{
 float: right;
 color: #325574;
}
.list .item .line
{
 clear: both;
 border-bottom: solid 1px #e3e3e3;
 display: block;
 height: 5px;
 font-size: 1px;
 margin-bottom: 10px;
}

.list .page_numbers
{
 clear: both;
 text-align: right;
 font-size: 11px;
 font-weight: bold;
 color: #ccc;
}
.list .page_numbers span
{
 color: #666;
}
.list .page_numbers a
{
 color: #ea8a1c;
 text-decoration: none;
}
.list .page_numbers a:hover
{
 color: #ea8a1c;
 text-decoration: underline;
}


.details
{
 margin-top: 0px;
}
.details .title
{
 float: left;
 margin: 0px;
 padding: 0px;
 font-size: 20px;
 font-weight: normal;
 letter-spacing: 1px;
 color: #555;
 text-align: left;
}
.details .date
{
 float: right;
 text-align: right;
 font-size: 11px;
}
.details .text
{
 clear: both;
 text-align: justify;
 padding-top: 10px;
 margin: 0px;
}
.details .back
{
 padding-top: 10px;
 text-align: center;
}





/*
.list
{
 margin: 10px 0px 10px 0px;
}
.list .item
{
 display: block;
}
.list .item .title
{
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #555;
 background-color: white;
}
.list .item .title a
{
 color: #555;
 text-decoration: none;
}
.list .item .title a:hover
{
 color: #e68700;
 text-decoration: none;
}
.list .item .text
{
 text-align: justify;
}
.list .item img
{
 float: left;
 border: solid 1px #e3e2e2;
 margin-right: 6px;
}
.list .item a.url
{
 float: left;
}
.list .item a.more
{
 float: right;
 color: #325574;
}
.list .item .line
{
 clear: both;
 border-bottom: solid 1px #e3e3e3;
 display: block;
 height: 5px;
 font-size: 1px;
 margin-bottom: 10px;
}

.list .page_numbers
{
 clear: both;
 text-align: right;
 font-size: 11px;
 font-weight: bold;
 color: #ccc;
}
.list .page_numbers span
{
 color: #666;
}
.list .page_numbers a
{
 color: #ea8a1c;
 text-decoration: none;
}
.list .page_numbers a:hover
{
 color: #ea8a1c;
 text-decoration: underline;
}


.details
{
 margin-top: 0px;
}
.details .description
{
 font-size: 11px;
 text-align: justify;
}
.details .bigimage
{
 display: inline;
 float: left;
 text-align: center;
 padding-top: 20px;
}
.details .bigimage img
{
 border: 3px solid #c8dae8;
}
.details .bigimage a:hover img
{
 border: 3px solid #f4b318;
}
.details .images
{
 width: 350px;
 clear: both;
 padding-top: 20px;
 text-align: center;
}
.details .images img
{
 border: 3px solid #c8dae8;
 margin: 0px 20px 20px 0px;
 float: left;
}
.details .images a:hover img
{
 border: 3px solid #f4b318;
}
.details .specifications
{
 float: left;
 padding-top: 18px;
 padding-left: 20px;
 font-size: 14px;
 line-height: 20px;
}
.details .specifications span
{
 color: #f4b318;
}
*/





.form td
{
 color: #333333;
 font-size: 11px;
}
.form input, .form textarea
{
 border: 1px solid #cccccc;
 background-color: #f1f1f1;
 width: 100%;
}

.form
{
 width: 500px;
 margin-bottom: 10px;
}
.form .title
{
  text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	letter-spacing: 0px;
	padding-bottom: 4px;
}
.form .errortitle
{
	text-align: center;
	color: red;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom: 1px;
}
.form .line
{
}
.form .line .name
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
	width: 130px;
}
.form .line .error
{
	color: red;
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}
.form .line .value
{
	padding-right: 1px;
}
.form .line .button
{
  padding-top: 3px;
}
.form .line .button input
{
 text-transform: uppercase;
 border: 1px solid #121212;
 background-color: #121212;
 font-size: 12px;
 color: white;
 padding: 2px;
}
.form .line .button input:hover
{
 border: 1px solid #3e6f99;
 background-color: #3e6f99;
}
.form .star_descript
{
	text-align: left;
	vertical-align: top;
	font-size: 11px;
}