@CHARSET "UTF-8";

html
{
	height: 100%;
	overflow: auto;
}

body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	/*overflow: hidden;*/
	overflow: auto;
	background-color: white;
}

#vcenter-frame
{
	width: 99%;
	height: 99%;
	table-layout: fixed;
}

#vcenter-frame td
{
	position: relative;
	text-align: center;
	vertical-align: middle;
}

#site-frame
{
	text-align: left;
	width: 1020px;
	height: 677px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

#logo-nav-frame
{
	position: relative;
	width: 798px;
	height: 93px;
	/*background: white url(/shared/Avant/images/logo.gif) no-repeat;*/
	margin-bottom: 2px;
}

#inner-frame
{
	height: 538px;
	width: 798px; 
	margin-bottom: 2px;
	position: relative;
}

#right-frame
{
	position: relative;
	float: right;
	width: 175px;
	height: 675px;
}

/**
 * Common frames
 */
.big-img-frame
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 432px;
	height: 538px;
}

.content-frame
{
	position: absolute;
	top: 0px;
	left: 434px;
	width: 364px;
	height: 538px;
}

.content-frame-half
{
	margin: 1.5em 0px 1em 9px;
}

.icon-frame 
{
	height: 184px;
	width: 100%;
	overflow: auto;
	background: #eae8e7 url(/shared/Avant/images/icon_frame_bg.gif) no-repeat right bottom;
	font-size: 0px;
	white-space: nowrap;
}

.icon-frame a
{
	font-size: 0px;
}

.icon-frame img
{
	border-right: 2px solid white;
	margin-bottom: -1px;
}

.icon-frame img.last
{
	border-right: 0px none !important;
}

.news-date
{
	font-weight: bold;
	color: #949494;
}

/**
 * Main menu
 */
#main-menu-frame
{
	position: absolute;
	width: 364px;
	height: 46px;
	top: 47px;
	left: 434px;
	background-color: #e5358c;
}

#main-menu-frame-line
{
	position: absolute;
	top: 22px;
	left: 0px;
	width: 365px;
	height: 2px;
	background-color: white;
}

ul#main-menu
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#main-menu li
{
	float: left;
	margin-top: 1px;
	margin-left: -1px;
	margin-bottom: 2px;
}

ul#main-menu a
{
	color: white;
	font: normal 13px Verdana, Arial, sans-serif;
	text-decoration: none;
	line-height: 21px;
	padding-top: 3px;
	padding-bottom: 3px;
}

ul#main-menu a:hover,
ul#main-menu a.active
{
	background-color: white;
	color: #4c4c4c;
}

ul#main-menu a span
{
	padding-left: 18px;
	padding-right: 18px;
	border-left: 1px solid white;
	white-space: nowrap;
}

/**
 * Copyrights
 */
#copyrights
{
	position: absolute;
	top: 647px;
	left: 0px;
	font: 12px Arial, sans-serif;
	color: #949494;
	margin-left: -27px;
	padding-left: 27px;
}

#copyrights .copysign
{
	margin-left: -27px;
	margin-right: 16px;
}

/**
 * Models navigator
 */
#model-nav-frame
{
	background-color: #4c4c4c;
	height: 40px;
	width: 798px;
	white-space: nowrap;
	overflow: hidden;
}

ul#model-nav
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#model-nav li
{
	float: left;
	display: block;
	line-height: 40px;
}

ul#model-nav li a
{
	color: #cacaca;
	font: normal 14px Verdana, Arial, sans-serif;
	text-decoration: none;
	padding: 0px 19px 0px 19px;
}

ul#model-nav li a:hover
{
	text-decoration: underline;
}

/**
 * Index page styles
 */
#index-news-1
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 432px;
	height: 538px;
	background-color: #DDDDDD;
}

#index-news-2
{
	position: absolute;
	top: 0px;
	left: 434px;
	width: 364px;
	height: 268px;
	background-color: #DDDDDD;
}

#index-news-3
{
	position: absolute;
	top: 270px;
	left: 434px;
	width: 364px;
	height: 268px;
	background-color: #DDDDDD;
}

#index-news .news-image
{ 
	position: absolute;
	top: 0px;
	left: 0px;
}

#index-news-1 .news-data
{
	position: absolute;
	left: 0px;
	bottom: 15px;
	width: 432px;
}

#index-news-1 .news-title
{
	font: 24px Verdana, Arial, sans-serif;
	color: white;
	padding: 10px;
	margin-right: 130px;
	margin-bottom: 20px;
	background: transparent url(../images/black_50_bg.png);
	float: left;
}

#index-news-1 .news-title .news-date
{
	font: 12px Arial, sans-serif;
	margin-bottom: 10px;
	text-align: right;
}

#index-news-1 .news-intro
{
	width: 216px;
}

#index-news-1 .news-intro span
{
	color: #949494;
	background-color: white;
	line-height: 16px;
}

#index-news-2 .news-title, 
#index-news-3 .news-title
{
	position: absolute;
	width: 132px;
	left: 0px;
	bottom: 0px;
	background-color: white;
	padding: 7px;
	color: #e6318c;
	font: bold 12px Arial, sans-serif;
}

#index-news-2 .news-title .news-date, 
#index-news-3 .news-title .news-date
{
	color: #949494;
	margin-bottom: 3px;
}

.index-cover
{
	margin-bottom: 20px;
}

.index-cover .cover-image
{
	margin-bottom: 5px;
	padding-bottom: 11px;
	background: url(../images/cover_bg.gif) no-repeat left bottom;
	font-size: 0px;
}

.index-cover .cover-date
{
	color: white;
	background-color: #e4338b;
	padding: 0px 5px 0px 5px;
	font: 12px Arial, sans-serif;
}

.index-cover .cover-title
{
	margin-top: 5px;
	color: #949494;
	font: 12px Arial, sans-serif;
}

/**
 * News
 */
.news-item
{
	width: 265px;
	height: 268px;
	margin: 0px 2px 2px 0px;
	background-color: #DDDDDD;
	float: left;
	position: relative;
	overflow: hidden;
}

.news-v-last
{
	margin-bottom: 0px !important;
}

.news-h-last
{
	margin-right: 0px !important;
	width: 264px;
}

.news-item img
{
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
}

.news-item .news-title
{
	position: absolute;
	width: 132px;
	left: 0px;
	bottom: 0px;
	background-color: white;
	padding: 7px;
	color: #e6318c;
	font: bold 12px Arial, sans-serif;
}

.news-item .news-title .news-date
{
	color: #949494;
	margin-bottom: 3px;
}

#news-form
{
	margin: 0px;
	padding: 0px;
	margin-top: 44px;
	margin-left: -20px;
}

#news-form fieldset
{
	margin: 0px;
	padding: 5px 3px 5px 3px;
	border: 1px solid #DDDDDD;
	color:#949494;
	font: normal 12px Arial, sans-serif;
	margin-bottom: 15px;
}

#news-form fieldset legend
{
	color: #777777;
}

#news-form .day,
#news-form .month,
#news-form .year
{
	color: #777777;
	border: 1px solid #DDDDDD;
	font: normal 12px Arial, sans-serif;
}

#news-form .day
{
	width: 40px;
}

#news-form .month
{
	width: 85px;
}

#news-form .year
{
	width: 55px;
}

#news-form .form-buttons
{
	text-align: center;
}

#news-form .form-buttons input
{
	font: bold 11px Arial, sans-serif;
	color: #808080;
	margin-left: auto;
	margin-right: auto;
	background: url(/shared/Avant/images/submit_bg.gif) no-repeat;
	border: none;
	width: 58px;
	height: 18px;
	cursor: pointer;
}

#news-form .form-buttons input:hover
{
	color: #e5358c;
}

/**
 * Model page
 */
h1.model-name
{
	margin-bottom: 0px;
}

.model-info-frame
{
	margin-top: 29px;
}

ul.model-folio-nav
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.model-folio-nav li
{
	margin-bottom: 12px;
}

ul.model-folio-nav a
{
	display: block;
	border-left: 3px solid #b7b7b7;
	background-color: #4c4c4c;
	padding: 1px 5px 1px 5px;
	color: white;
	text-decoration: none;
	margin-bottom: 1px;
}

ul.model-folio-nav-1
{
	width: 185px;
}

ul.model-folio-nav-1 ul
{
	margin-left: 13px;
}

ul.model-folio-nav-1 ul li
{
	margin-bottom: 1px;
}

ul.model-folio-nav-2 a
{
	color: #4c4c4c;
	background-color: #b7b7b7;
	border-left: 3px solid #e2e2e2;
	padding-left: 13px;
	padding-right: 5px;
}

ul.model-folio-nav-3 a
{
	color: #4c4c4c;
	background-color: #dbdbdb;
	border-left: 3px solid #f1f1f1;
}

table.model-attrs-sheet
{
	float: right;
	margin-bottom: 24px;
}

table.model-attrs-sheet th,
table.model-attrs-sheet td
{
	color: #949494;
	text-align: left !important;
	padding: 0px 15px 1px 0px;
}

table.model-attrs-sheet td span
{
	color: white;
	background-color: #e5358c;
	padding-left: 5px;
	padding-right: 10px;
}

.breadcrumbs,
.breadcrumbs a
{
	color: #949494;
}

.breadcrumbs
{
	margin-left: 1px;
}

.breadcrumbs a:hover
{
	text-decoration: none;
}

#comp-card-icon
{
	background: url(/shared/Avant/images/comp_card_icon.jpg) no-repeat;
	width: 147px;
	height: 275px;
	margin-top: 45px;
	padding-top: 60px;
	padding-left: 2px;
}

#comp-card-icon img
{
	display: block;
	margin-left: 6px;
}

#comp-card-icon div
{
	color: #e5358c;
	font-size: 15px;
	height: 30px;
	width: 112px;
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 20px;
}

#comp-card-icon span
{
	color: #949494;
	background-color: #dbdbdb;
	padding: 1px 5px 1px 5px;
}

/**
 * Model folio
 */
h1.model-name-folio
{
	padding-top: 25px;
	margin-bottom: 0px;
	color: #4c4c4c;
}

.folio-model-head
{
	height: 97px;
}

.deco-line-1
{
	font-size: 0px;
	height: 11px;
	margin-bottom: 2px;
	background-color: #4c4c4c;
}

.deco-line-2
{
	font-size: 0px;
	height: 11px;
	margin-top: 2px;
	margin-bottom: 30px;
	background-color: #4c4c4c;
}

.deco-line-3
{
	font-size: 0px;
	height: 11px;
	margin-top: 2px;
	margin-bottom: 10px;
	background-color: #4c4c4c;
}

/*
.deco-line-folio
{
	margin-left: 1px;
}
*/

.icon-frame-folio
{
	height: 428px !important;
	font-size: 0px;
	/*margin-left: 1px;*/
	overflow: auto;
	font-size: 0px;
}

.icon-frame-folio .icon-row
{
	white-space: nowrap;
	font-size: 0px;
	height: 215px;
	width: 798px;
	overflow: hidden; 
}

.icon-frame-folio .icon-last-row
{
	height: 213px;
}

.icon-frame-folio .icon-row img
{
	border: none;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
}

/**
 * Contacts
 */
#contacts-content-frame
{
	height: 252px;
	position: relative;
}

#contacts-address-content
{
	padding-top: 40px;
	width: 340px;
	height: 180px;
}

#contacts-map
{
	width:798px;
	height: 260px;
	background-color: #DDDDDD;
}

#contacts-form
{
	position: absolute;
	top: 40px;
	left: 352px;
	margin: 0px;
	padding: 0px;
}

#contacts-form div
{
	font-size: 0px;
}

#contacts-form label
{
	color: #949494;
	font: 12px/12px Arial, sans-serif;
	width: 80px;
	margin-right: 2px;
	display: block;
	float: left;
	white-space: nowrap;
}

#contacts-form label.error
{
	background: url(/shared/Avant/images/exclamation.gif) no-repeat right bottom;
}	

#contacts-form input,
#contacts-form textarea
{
	width: 363px;
	border: 0px none;
	border-bottom: 1px solid white;
	background-color: #b4b4b4;
	font: 10px Arial, sans-serif;
}

#contacts-form input
{
	height: 12px;
}

#contacts-form textarea
{
	height: 82px;
	overflow: auto;
	background: url(/shared/Avant/images/textarea_bg.gif);
	line-height: 14px;
}

.ext-opera #contacts-form input,
.ext-opera #contacts-form textarea
{
	width: 362px;
}

.ext-safari #contacts-form textarea
{
	width: 360px;
}

.ext-opera #contacts-email-place,
.ext-opera #contacts-phone-place
{
	margin-top: -4px;
}

.ext-ie #contacts-email-place,
.ext-ie #contacts-phone-place
{
	margin-top: -2px;		
}

#contacts-message-place
{
	margin-top: 18px;
}

#contacts-phone
{
	width: 180px !important;
}

#contacts-buttons-place
{
	margin-top: 18px;
	margin-left: 82px;
}

#contacts-buttons-place input
{
	width: 78px !important;
	height: 18px;
	border: 0px none;
	cursor: pointer;
	font: 12px/18px Arial, sans-serif;
	background: url(/shared/Avant/images/btn_bg.gif) no-repeat;
}

#contacts-buttons-place input:hover
{
	color: #E5358C;
}

#contacts-form-result
{
	margin-top: -30px;
	margin-left: 82px;
	margin-bottom: 5px;
	height: 25px;
	font: 12px Arial, sans-serif !important;
	text-align: center;
}

#contacts-form-result.contacts-error
{
	color: #E5358C;
}

#contacts-address-list
{
	margin-top: 372px;
	margin-left: -50px;
}

.ext-ie #contacts-address-list
{
	margin-left: auto;
}

#contacts-address-list li
{
	color: #e5358c;
	padding-left: 10px;
	margin-bottom: 0.5em;
}

#contacts-address-list li a
{
	color: #e5358c;
}

/**
 * Model form
 */
#modelform-content-frame
{
	height: 252px;
	position: relative;
}
 
#modelform-content
{
	padding-top: 40px;
	width: 422px;
	padding-right: 12px;
}

#modelform-form
{
	position: absolute;
	top: 40px;
	left: 434px;
	margin: 0px;
	padding: 0px;
	height: 480px;
}

#modelform-form label
{
	color: #949494;
	font: 12px/12px Arial, sans-serif;
	padding-right: 16px;
	display: block;
	white-space: nowrap;
	margin-bottom: 1px;
}

#modelform-form fieldset
{
	border: 1px solid #b4b4b4;
	margin: 0px;
	padding: 3px 5px 3px 5px;
}

#modelform-form legend	
{
	color: #949494;
	font: 12px/12px Arial, sans-serif;
	white-space: nowrap;
}

#modelform-form label.error
{
	background: url(/shared/Avant/images/exclamation.gif) no-repeat right bottom;
}

#modelform-form input
{
	width: 365px;
	border: 0px none;
	background-color: #b4b4b4;
	font: 10px Arial, sans-serif;
	height: 12px;
	margin-bottom: 3px;
}

#modelform-form fieldset input
{
	height: 18px;
	width: 353px;
	display: block;
}

.ext-opera #modelform-form input
{
	width: 362px;
}

.ext-opera #modelform-form fieldset input
{
	width: 352px;
}

#modelform-form fieldset div
{
	text-align: right;
}

#modelform-form fieldset div input
{
	display: inline;
	margin-left: auto;
	margin-right: 0px;
	width: 78px !important;
	height: 18px;
	border: 0px none;
	cursor: pointer;
	font: 12px/18px Arial, sans-serif;
	background: url(/shared/Avant/images/btn_bg.gif) no-repeat;
}

#modelform-buttons-place
{
	margin-top: 18px;
}

#modelform-buttons-place input
{
	width: 78px !important;
	height: 18px;
	border: 0px none;
	cursor: pointer;
	font: 12px/18px Arial, sans-serif;
	background: url(/shared/Avant/images/btn_bg.gif) no-repeat;
}

#modelform-buttons-place input:hover,
#modelform-form fieldset div input:hover
{
	color: #E5358C;
}

#modelform-form fieldset div input.disabled
{
	color: inherit;
	text-decoration: line-through;
}

#modelform-form-result
{
	margin-top: -30px;
	margin-bottom: 5px;
	height: 25px;
	font: 12px Arial, sans-serif !important;
	text-align: center;
}

#modelform-form-result.error
{
	color: #E5358C;
}	
	
/**
 * Specials
 */
.xclear
{
	clear: both;
	font-size: 0px;
}

#model-nav-tip
{
	background-color: white;
	font-size: 0px;
}

#model-nav-tip div
{
	margin: 2px 2px 2px 2px;
	background: #cacaca url(../images/loader.gif) no-repeat center center;
	font-size: 0px;
	width: auto;
	height: auto;
}

#model-nav-tip div img
{
	width: 149px;
	height: 186px;
}

#model-nav-frame .left-arrow,
#model-nav-frame .right-arrow
{
	width: 44px;
}

#model-nav-frame .left-arrow
{
	background: #4c4c4c url(../images/arrow_left_small.gif) no-repeat center center;
}

#model-nav-frame .left-arrow-active
{
	background-image: url(../images/arrow_left_small_active.gif);
	cursor: pointer;
}

#model-nav-frame .left-arrow-disabled
{
	background-image: url(../images/arrow_left_small_disabled.gif) !important;
	cursor: default !important;
}

#model-nav-frame .right-arrow
{
	background: #4c4c4c url(../images/arrow_right_small.gif) no-repeat center center;
}

#model-nav-frame .right-arrow-active
{
	background-image: url(../images/arrow_right_small_active.gif);
	cursor: pointer;
}

#model-nav-frame .right-arrow-disabled
{
	background-image: url(../images/arrow_right_small_disabled.gif) !important;
	cursor: default !important;
}

.pager
{
	position: absolute;
	top: 600px; 
	left: -20px;
	width: 195px;
	text-align: center;
}

.pager a
{
	color: #e5358c;
	font: bold 13px Arial, sans-serif;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

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

.pager a.active
{
	font-size: 15px;
	text-decoration: none !important;
}

.prev_page_none,
.next_page_none
{
	visibility: hidden;
}

div.avm-vertical-transparent-scroller .arrow-top,
div.avm-vertical-transparent-scroller .arrow-bottom,
div.avm-horizontal-transparent-scroller .arrow-left,
div.avm-horizontal-transparent-scroller .arrow-right
{
	cursor: pointer;
	background: url(/shared/Avant/images/black_50_bg.png);
}

div.avm-vertical-transparent-scroller .arrow-top .arrow-icon
{
	height: 40px;
	background: url(/shared/Avant/images/arrow_top_inactive.png) no-repeat center center;
}

div.avm-vertical-transparent-scroller .arrow-top-active .arrow-icon
{
	height: 40px;
	background: url(/shared/Avant/images/arrow_top.png) no-repeat center center !important;
}

div.avm-vertical-transparent-scroller .arrow-bottom .arrow-icon
{
	height: 40px;
	background: url(/shared/Avant/images/arrow_bottom_inactive.png) no-repeat center center;
}

div.avm-vertical-transparent-scroller .arrow-bottom-active .arrow-icon
{
	height: 40px;
	background: url(/shared/Avant/images/arrow_bottom.png) no-repeat center center !important;
}

div.avm-horizontal-transparent-scroller .arrow-left .arrow-icon
{
	width: 40px;
	height: 100%;
	background: url(/shared/Avant/images/arrow_left_inactive.png) no-repeat center center;
}

div.avm-horizontal-transparent-scroller .arrow-left-active .arrow-icon
{
	width: 40px;
	height: 100%;
	background: url(/shared/Avant/images/arrow_left.png) no-repeat center center !important;
}

div.avm-horizontal-transparent-scroller .arrow-right .arrow-icon
{
	width: 40px;
	height: 100%;
	background: url(/shared/Avant/images/arrow_right_inactive.png) no-repeat center center;
}

div.avm-horizontal-transparent-scroller .arrow-right-active .arrow-icon
{
	width: 40px;
	height: 100%;
	background: url(/shared/Avant/images/arrow_right.png) no-repeat center center !important;
}