/* ############################################ */
/* @group TAGS    ############################# */
body {
margin:0;
padding:0;
font-family:  Arial, Verdana, sans-serif;
font-size: 11px;
color: #fff;
background: #000;
text-align: center;
}
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
font-size: 11px;
}
a {
color: #fff;
text-decoration: underline;
}
a img, map {
border:none;
}
a:hover {

}
ul, ol, li {
margin:0;
padding:0;
list-style-type: none;
}
table {
width:100%;
margin:0;
padding:0;
border-collapse: collapse;
}
td, th {
margin: 0;
padding: 0;
text-align: left;
}
hr {
display:none;
}
form {
margin:0;
padding:0;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
input, textarea, select {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
border: 1px solid #333;
padding: 2px;
color: #444;
background: #f7f4ef;
}
select {
padding: 1px 2px;
}
input:focus, textarea:focus, select:focus {
border: 1px solid #b8903f;
}
.noBrd {
border: none;
background: none;
}
option {
padding:0;
margin:0;
}
textarea, select {
font-size: 100%;
font-family: inherit;
}
button {
font-size: 100%;
font-family: inherit;
cursor:pointer;
color: #fff;
background: #8f8f8f;
padding: 0 4px 0 4px;
border: 1px solid #fff;
margin: 0 10px 0 0;
text-transform: uppercase;
}
button.reset {

}
button:hover {

}

/* @end */







/* ############################################ */
/* @group MAINS    ############################ */
#container {
width: 960px;
margin: 11px auto 0 auto;
text-align: left;
overflow: hidden;
}
#header {
background: #000;
overflow: hidden;
width: 100%;
}
#topHeader {
overflow: hidden;
width: 100%;
background: #fff;
margin: 0 0 10px 0;
}
#topHeader #brand1 {
float: left;
display: block;
width: 198px;
min-height: 73px;
height: auto !important;
height: 73px;
padding: 20px 0 0 0;
text-align: center;
}
#topHeader #brand2 {
float: left;
display: block;
width: 223px;
padding: 93px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:93px;
background: transparent url(../images/bg-topheader-2-disable.gif) no-repeat bottom left;
}
#topHeader #brand2current {
float: left;
display: block;
width: 223px;
padding: 93px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:93px;
background: transparent url(../images/bg-topheader-2.gif) no-repeat bottom left;
}
#topHeader #brand3 {
float: left;
display: block;
width: 223px;
padding: 93px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:93px;
background: transparent url(../images/bg-topheader-3-disable.gif) no-repeat bottom left;
}
#topHeader #brand3current {
float: left;
display: block;
width: 223px;
padding: 93px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:93px;
background: transparent url(../images/bg-topheader-3.gif) no-repeat bottom left;
}
#topHeader .disabled {

}
#topHeader #elements {
float: right;
display: block;
width: 192px;
padding: 0 14px 0 0;
}
#topHeader .element {
width: 178px;
background: transparent url(../images/bg-elements-top.gif) no-repeat top left;
padding: 4px 0 0 0;
margin: 5px 0 8px 0;
text-align: center;
}
#topHeader .subElement {
width: 178px;
background: #000 url(../images/bg-elements-bot.gif) no-repeat bottom left;
padding: 0 0 4px 0;
}
#topHeader #follow img {
vertical-align: middle;
margin: 0 5px;
}
#topHeader #today {
font-size: 24px;
}
/* @group preNav */
#header #preNav {
float: left;
background: transparent url(../images/bg-prenav.gif) repeat-x top left;
overflow: hidden;
width: 960px;
}
#header #preNav li {
display: block;
float: left;
}
#header #preNav li a {
display: block;
float: left;
background: transparent url(../images/bg-prenav-li.gif) no-repeat top right;
text-align: center;
padding: 15px 0 13px 0;
color: #fff;
font-size: 16px;
text-decoration: none;
}
#header #preNav li a.last {
background: transparent url(../images/bg-prenav-li.gif) no-repeat top left;
}
#header #preNav li a:hover, #header #preNav li.current a {
background: transparent url(../images/bg-prenav-li-h.gif) no-repeat top right;
}
#header #preNav li a.last:hover, #header #preNav li.current a.last  {
background: transparent url(../images/bg-prenav-li-h.gif) no-repeat top left;
}

#header #preNav #pn1 a {
width: 307px;
}
#header #preNav #pn2 a {
width: 347px;
}
#header #preNav #pn3 a {
width: 305px;
}
/* @end */
/* @group news */
#header #newsticker {
overflow: hidden;
background: transparent url(../images/bg-news.gif) repeat-y top left;
height: 20px;
}
#header #newsticker .sum {
width: 80px;
float: left;
display: block;
font-size: 16px;
text-align: center;
}
#header #newsticker ul {
width: 875px;
float: right;
display: block;
text-transform: uppercase;
color: #000;
overflow: hidden;
padding: 4px 0 0 0;
}
#header #newsticker ul li {
display: block;
float: left;
}
#header #newsticker ul li a {
color: #000;
text-decoration: none;
}
#header #newsticker #togglenewsticker {
display: none;
}
/* @end */
#main {
overflow: hidden;
}
#subMain {
overflow: hidden;
background: transparent url(../images/bg-submain-context.gif) no-repeat bottom right;
width: 100%;
}
/* @group navigator */
#navigator {
margin: 10px 0 0 0;
overflow: hidden;
background: transparent url(../images/bg-navigator.gif) repeat-x top left;
width: 100%;
}
#navigator li {
display: block;
float: left;
}
#navigator li a {
display: block;
width: 192px;
float: left;
background: transparent url(../images/bg-navigator-li.gif) no-repeat top right;
text-align: center;
padding: 15px 0 13px 0;
color: #fff;
font-size: 16px;
text-decoration: none;
}
#navigator li a.last {
background: transparent url(../images/bg-navigator-li.gif) no-repeat top left;
}
#navigator li a:hover, #navigator li.current a {
background: transparent url(../images/bg-navigator-li-h.gif) no-repeat top right;
}
#navigator li a.last:hover, #navigator li.current a.last {
background: transparent url(../images/bg-navigator-li-h.gif) no-repeat top left;
}
#navigator li#n1 a {
width: 191px;
}
#navigator li.last a {
background: none;
}
/* @end */
/* @group breadcrumb */
#breadcrumb {
margin: 10px 0;
padding: 5px 15px 5px 10px;
width: 934px;
overflow: hidden;
background: #888;
font-size: 24px;
}
#breadcrumb .data {
float: left;
}
#breadcrumb .data .sum {
font-size: 24px;
display: inline;
}
#breadcrumb .data .time {
font-size: 14px;
display: inline;
padding: 0 0 0 15px;
}
#breadcrumb .cat {
float: right;
font-size: 24px;
}
.colorSilver #breadcrumb {
background: #888;
}
.green #breadcrumb {
background: #9c3;
}
.greenwater #breadcrumb {
background: #0c9;
}
.orange #breadcrumb {
background: #f90;
}
.yellow #breadcrumb {
background: #ff0;
}
.blue #breadcrumb {
background: #39f;
}
.red #breadcrumb {
background: #c00;
}
.pink #breadcrumb {
background: #c39;
}

/* @end */
#content {
width: 475px;
float: left;
padding: 0 20px 20px 20px;
font-size: 12px;
}
.contentLarge #content {
width: 703px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p {
font-size: 12px;
}
#content ul {
padding: 0 0 0 20px;
}
#content ul li {
list-style-type: disc;
}


#context {
width: 213px;
float: left;
margin-bottom: -9900px;
border: 1px solid #585858;
background: transparent url(../images/bg-submain-context.gif) no-repeat bottom right;
padding: 1px 1px 9900px 1px;
}
/* @group col */
#col {
width: 228px;
float: left;
}
#col .midsum {
padding: 10px 10px 20px 10px;
font-size: 12px;
background: #5f5f5f url(../images/bg-midsum.png) no-repeat bottom left;
_background: #5f5f5f url(../images/bg-midsum.gif) no-repeat bottom left;
}
.green #col .midsum {
background-color: #9c3;
}
.greenwater #col .midsum {
background-color: #0c9;
}
.orange #col .midsum {
background-color: #f90;
}
.yellow #col .midsum {
background-color: #ff0;
}
.blue #col .midsum {
background-color: #39f;
}
.red #col .midsum {
background-color: #c00;
}
.pink #col .midsum {
background-color: #c39;
}

/* @end */

/* @group context */

#context .midsum {
padding: 10px 10px 20px 10px;
font-size: 12px;
background: #5f5f5f url(../images/bg-midsum.png) no-repeat bottom left;
_background: #5f5f5f url(../images/bg-midsum.gif) no-repeat bottom left;
}
.green #context .midsum {
background-color: #9c3;
}
.greenwater #context .midsum {
background-color: #0c9;
}
.orange #context .midsum {
background-color: #f90;
}
.yellow #context .midsum {
background-color: #ff0;
}
.blue #context .midsum {
background-color: #39f;
}
.red #context .midsum {
background-color: #c00;
}
.pink #context .midsum {
background-color: #c39;
}
/* @end */

.menu {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu li {
margin: 0;
padding: 0;
list-style-type: none;
color: #fff;
font-size: 14px;
}
.menu li a {
background: transparent url(../images/bg-menu-li.gif) no-repeat top left;
padding: 7px 5px 6px 5px;
display: block;
margin: 0 0 3px 0;
color: #fff;
text-decoration: none;
}
.menu li a:hover, .menu li.current a {
background: transparent url(../images/bg-menu-li-h.gif) no-repeat top left;
}

#footer {
text-align: center;
color: #fff;
padding: 0 0 30px 0;
}
#footer a {
color: #fff;
}

/* @end */


/* ############################################ */
/* @group GENERICS    ######################### */
.mainSummary {

}
.midSummary {

}
.homeSummary {

}
#content .summary {
margin: 0 0 20px 0;
}



.genDesc {

}
.important {

}




.close {
display: block;
clear: both;
height: 0px;
line-height: 0;
margin: 0;
padding: 0;
border: 0;
}
.toLeft {
float: left;
padding: 0 10px 5px 0;
}
.toRight {
float: right;
padding: 0 0 5px 10px;
}
.aLeft {
text-align: left;
}
.aRight {
text-align: right;
}
.validation-advice {
color: #c45c34;
display: inline;
padding: 0 0 0 5px;
}




/* @end */



/* ############################################ */
/* @group BOXES    ############################ */

/* ###################### */
/* box boxGallery         */
/* ###################### */
.boxGallery {
padding: 5px 0 0 5px;
overflow: hidden;
}
.boxGallery a {
display: block;
float: left;
margin: 0 1px 1px 0;
}
.boxGallery a img {
display: block;
}

/* ###################### */
/* box boxText         */
/* ###################### */
.boxText {
padding: 8px 0 20px 10px;
}

/* ###################### */
/* box boxPrice         */
/* ###################### */
.boxPrice {
overflow: hidden;
margin: 20px 0 0 0;
}
.boxPrice .midsum {
padding: 10px 10px 20px 10px;
font-size: 12px;
background: #5f5f5f url(../images/bg-midsum.png) no-repeat bottom left;
_background: #5f5f5f url(../images/bg-midsum.gif) no-repeat bottom left;
}
.boxPrice td {
width: 50%;
}
.green .boxPrice .midsum {
background-color: #9c3;
}
.greenwater .boxPrice .midsum {
background-color: #0c9;
}
.orange .boxPrice .midsum {
background-color: #f90;
}
.yellow .boxPrice .midsum {
background-color: #ff0;
}
.blue .boxPrice .midsum {
background-color: #39f;
}
.red .boxPrice .midsum {
background-color: #c00;
}
.pink .boxPrice .midsum {
background-color: #c39;
}

/* @end */


/* ############################################ */
/* @group SECTIONS    ######################### */


/* ###################### */
/* homeSwfs            */
/* ###################### */
#homeSwfs {
overflow: hidden;
margin: 10px 0;
}
#homeSwfs .miniBox {
float: left;
width: 328px;
}
#homeSwfs .miniBox .photo {
width: 328px;
height: 273px;
}
#homeSwfs .miniBox .photo .inner {
width: 308px;
height: 63px;
padding: 210px 5px 0 15px;
font-size: 14px;
background: transparent url(../images/bg-minibox-frame.png) no-repeat center center;
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-minibox-frame.png', sizingMethod='image');
}
#homeSwfs .miniBox .photo .inner strong {
display: block;
font-size: 18px;
margin: 0 0 5px 0;
}
#homeSwfs .miniBox .texts {
display: block;
min-height: 22px;
height: auto !important;
height: 22px;
width: 308px;
padding: 5px 5px 0 15px;
background: transparent url(../images/bg-minibox-texts.gif) no-repeat bottom left;
font-size: 16px;
}



#homeSwfs .swf2 {
float: right;
}


/* ###################### */
/* p pShowList            */
/* ###################### */
.pShowList {
display: block;
width: 100%;
margin: 10px 0;
}
.pShowList .scroller {
height: 195px;
overflow: hidden;
}
.pShowList .innerScroller {
overflow: hidden;
width: 9999px;
}
.pShowList .section {
float: left;
width: 328px;
overflow: hidden;
}
.pShowList .section .photo {
width: 163px;
height: 195px;
display: block;
}
.pShowList .section .photo span {
width: 163px;
height: 195px;
display: block;
}
.pShowList .section .data {
width: 145px;
padding: 10px;
height: 195px;
}
.pShowList .sum {
font-size: 14px;
font-weight: normal;
}
.pShowList .desc {
display: block;
margin: 0 0 35px 0;
}
.pShowList .date {
display: block;
margin: 0 0 15px 0;
font-size: 14px;
}
.pShowList .time {
display: block;
font-size: 14px;
}
.pShowList .rel {
padding: 10px 0 0 0;
display: block;
text-align: right;
text-decoration: none;
}
/* positions */
.pShowList .sRight .photo {
float: left;
}
.pShowList .sRight .data {
float: right;
}
.pShowList .sLeft .photo {
float: right;
}
.pShowList .sLeft .data {
float: left;
}
/* colors */
.pShowList .orange .data {
background: #ff8400;
}
.pShowList .orange .photo span {
background: transparent url(../images/bg-showlist-arw-orange.gif) no-repeat top right;
}
.pShowList .silver .data {
background: #5a5a5a;
}
.pShowList .silver .photo {

}
.pShowList .green .data {
background: #53b91b;
}
.pShowList .green .photo {

}
/* ###################### */
/* p showRoom             */
/* ###################### */ 
.pShowRoom {
overflow: hidden;
margin: 10px 0;
}
.pShowRoom .item {
float: left;
width: 227px;
border: 1px solid #ccc;
min-height: 150px;
height: auto !important;
height: 150px;
margin: 0 9px 0 0;
padding: 2px;
background: transparent url(../images/bg-showroom-item.gif) no-repeat top left;
}
.pShowRoom .last {
margin: 0;
}
.pShowRoom .item .thumb {
display: block;
height: 84px;
width: 227px;
}
.pShowRoom .item .thumb img {
display: block;
}
.pShowRoom .item a {
color: #fff;
text-decoration: none;
}
.pShowRoom .item .sum {
font-size: 14px;
padding: 8px 8px 0px 8px;
}
.pShowRoom .item .desc {
padding: 5px 8px 5px 8px;
}

/* ###################### */
/* p showAll              */
/* ###################### */
.pShowAll {
display: block;
width: 100%;
margin: 10px 0;
padding: 0 20px;
overflow: hidden;
}
.pShowAll .filter {
font-size: 12px;
width: 100%;
}
.pShowAll .row {
margin: 0 0 15px 0;
overflow: hidden;
width: 100%;
}
.pShowAll .item {
display: block;
width: 171px;
border: 1px solid #787878;
float: left;
margin: 0 14px 0 0;
padding: 138px 0 0 0;
text-decoration: none;
}

.pShowAll .data {
display: block;
padding: 8px;
background: #ccc;
min-height: 40px;
height: auto !important;
height: 40px;
}

.pShowAll .arw {
height: 11px;
display: block;
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
overflow: hidden;
}
.pShowAll .sum {
display: block;
}
.pShowAll .time {
display: block;
}
/* color */

.pShowAll .green .data {
background: #99cc33;
}
.pShowAll .green .arw {
background-image: url(../images/bg-showall-arw-green.png);
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-showall-arw-green.png', sizingMethod='image');
}

.pShowAll .greenwater .data {
background: #0c9;
}
.pShowAll .greenwater .arw {
background-image: url(../images/bg-showall-arw-greenwater.png);
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-showall-arw-greenwater.png', sizingMethod='image');
}

.pShowAll .orange .data {
background: #f90;
}
.pShowAll .orange .arw {
background-image: url(../images/bg-showall-arw-orange.png);
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-showall-arw-orange.png', sizingMethod='image');
}

.pShowAll .yellow {
color: #666;
}
.pShowAll .yellow .data {
background: #ff0;
}
.pShowAll .yellow .arw {
background-image: url(../images/bg-showall-arw-yellow.png);
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-showall-arw-yellow.png', sizingMethod='image');
}

.pShowAll .blue .data {
background: #39f;
}
.pShowAll .blue .arw {
background-image: url(../images/bg-showall-arw-blue.png);
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-showall-arw-blue.png', sizingMethod='image');
}

.pShowAll .red .data {
background: #c00;
}
.pShowAll .red .arw {
background-image: url(../images/bg-showall-arw-red.png);
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-showall-arw-red.png', sizingMethod='image');
}

.pShowAll .pink .data {
background: #c39;
}
.pShowAll .pink .arw {
background-image: url(../images/bg-showall-arw-pink.png);
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-showall-arw-pink.png', sizingMethod='image');
}

/* ###################### */
/* p boxShowCol            */
/* ###################### */
.boxShowCol {

}
.boxShowCol .photo img {
border: 1px solid #ccc;
}
.boxShowCol .midsum {
margin: 10px 0;
}
.boxShowCol .minidesc {
font-size: 10px;
}

/* ###################### */
/* notices            */
/* ###################### */
.notices {
padding: 5px 0 20px 0;
}
.notices .item {
font-size: 12px;
text-align: center;
padding: 5px 0;
}
/* ###################### */
/* form fContact            */
/* ###################### */
.fContact {

}
.fContact .row {
overflow: hidden;
margin: 0 0 5px 0;
width: 680px;
}
.fContact label {
display: block;
float: left;
width: 120px;
}
.fContact span {
display: block;
float: right;
width: 550px;
}
.fContact span .fInp {
width: 390px;
}
.fContact span textarea {
width: 390px;
}
.fContact .privacy {
width: 680px;
overflow: auto;
height: 100px;
padding: 5px;
border: 1px solid #333;
color: #818181;
margin: 10px 0;
font-size: 11px;
}

/* ###################### */
/* googleMap            */
/* ###################### */
#googleMap {
height: 200px;
border: 1px solid #fff;
}


/* @end */
#photogallery{
padding:10px;}
#photogallery a img{
border:1px solid #cccccc;
padding:2px;
margin:0px 12px 12px 0px;}
#photogallery a:hover img{
border:1px solid #fff;}


#example {
	position: relative;
	width: 227px;
	height: 84px;
	background-color: #FFF;
}
.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 227px;
	height: 84px;
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat 
}