@import url('common.css');
@import url('design.css');
@import url('jquery.lightbox.css');

.intro { font-style: italic; font-weight: bold; font-size: 90%;  }

.tthird { width: 580px; }
.third { width: 290px; }

.clear { clear: both; }

table caption { margin-left: 45px; padding-bottom: 5px; text-align: left; font-size: 85%; font-weight: bold; }

fieldset { padding: 0 10px 10px 10px; border: 1px solid #0c5a0f; }
fieldset legend { padding: 0 5px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 90%; color: #000; }


blockquote { margin-left: 0; margin-right: 0; padding: 5px 25px; border-left: 4px solid #253753; font-size: 90%; }


.img-left, .img-right, .img-center { display: block; padding: 0; width: 350px; text-align: center; }
.img-left { float: left; margin: 10px 20px 20px 0; }
.img-right { float: right; margin: 10px 0 20px 20px; }
.img-center { float: none; margin: 10px auto 20px auto; }
.img-left img { float: none; clear: none; }
.img-right img { float: none; clear: none; }
.img-center img { float: none; clear: none; }

.img-left .title, .img-right .title, .img-center .title, .img .title { display: block; clear: both; margin-top: 5px; font-size: 75%; font-style: italic; color: #666; }
.img-left .title { text-align: left; }
.img-right .title { text-align: right; }
.img-center .title { text-align: left; }


/* .tap-in
----------------------------------------------------------------------------*/
.tap-in { position: relative; clear: both; height: 110px; margin: 1.5em 0; }
.tap-in .img { position: absolute; z-index: 1; }
.tap-in .img img { position: relative; top: -5px; left: -65px; }
.tap-in .cont { position: absolute; width: 560px; padding: 20px 0; border-top: 2px solid #667386; background: #e9f3fb; }
.tap-in .cont img { margin-left: 80px; }

#common #content.full .tap-in .cont { width: 800px; }


/* form
----------------------------------------------------------------------------*/
form h3 { margin: 0 0 0.3em 0; padding: 0; }


/* 2 column table
----------------------------------------------------------------------------*/
.col2 td { width: 50%; padding: 0 0 20px 0; }
.col2 td.left { padding-right: 25px; }
.col2 td.right { padding-left: 25px; }

.col2 h2 { margin-top: 0; font-size: 150%; }


/* 3 column table
----------------------------------------------------------------------------*/
.col3 td { width: 33%; padding: 0 0 20px 0; }
.col3 td.left { padding-right: 30px; }
.col3 td.center { width: 34%; padding-left: 20px; padding-right: 20px; }
.col3 td.right { padding-left: 30px; }

.col3 h2 { margin-top: 0; font-size: 150%; }

.col2 .nop td, .col3 .nop td { padding-bottom: 0; }


/* engine alert
----------------------------------------------------------------------------*/
.alert { color: #f00; }


/* news
----------------------------------------------------------------------------*/
.news { margin-bottom: 1.5em; }
.news div.date { margin: 0 0 0.3em 0; color: #666; font-size: 70%; }
.news div.title { margin: 0 0 0.1em 0; font-size: 90%; font-weight: bold; }


#news { margin-bottom: 2em; }
#news .spliter { float: left; clear: right; width: 1px; height: 30px; margin: 0 23px; }
#news .news { float: left; clear: right; width: 225px; margin: 0; }
#news .news div.date { float: left; padding: 3px; color: #fff; background: #253753; margin: 0 0.3em 0 0; }
#news .news div.title { /*float: left;*/ clear: right; /*margin: 2px 0 0 10px;*/ margin: 0 0 0.3em 0; line-height: 160%; font-size: 80%; font-weight: bold; }
#news .news p { clear: left; font-size: 75%; margin: 0; }

.calendar { width: auto; }
.calendar td { padding: 0 15px 0 0; vertical-align: top; font-size: 80%; line-height: 200%; }

.calendar a.active { font-weight: bold; }



/* .group
----------------------------------------------------------------------------*/
.group, .goods { clear: both; margin: 0 0 2em; padding: 15px 30px; border-top: 2px solid #667386; background: #e9f3fb; }
.group .group, .group .goods { margin: 1em 0; padding: 0; border: none; background: none; }

.group h2, .group h3, .goods h2, .goods h3 { margin: 0 0 0.2em; padding: 0; }

#goods .image, .group .image, .goods .image { float: left; clear: left; width: 100px; height: 100px; margin-right: 20px; text-align: center; vertical-align: middle; border: 1px solid #667386; background: #fff; }
.group p, .goods p { font-size: 70%; margin: 0; padding: 0; }

#goods { margin-top: 1em; }

#goods .url { font-size: 80%; }
#goods .url img { margin-right: 5px; vertical-align: middle; }

.goods .description { font-size: 90%; }
.goods .price { margin-top: 10px; font-size: 80%; }
.goods .price span { font-size: 80%; }



/* .goods-info
----------------------------------------------------------------------------*/
.goods-info .description { margin-left: 360px; }

.goods-info .goods-image-cont { float: left; width: 350px; margin-right: 10px; text-align: center; }
/*.goods-info .goods-image-main-cont { height: 200px; }*/

.goods-info .goods-images { clear: right; margin-top: 15px; }
.goods-info .goods-images a { margin-right: 10px; }

.goods-image, .goods-image-active { display: block; float: left; width: 100px; margin-right: 15px; border: 2px solid transparent; }
.goods-image-active { border: 2px solid #299afe; }

.goods-info dl { clear: right; margin: 0 0 0.5em; padding: 0; }
.goods-info dl dt { display: inline; margin: 0 5px 0 0; padding: 0; }
.goods-info dl dd { display: inline; margin: 0; padding: 0; }

.goods-info h1 {
	margin-bottom: 5px;
}

.goods-info h1 span {
	display: block;
	margin-bottom: 3px;
	font-size: 70%;
}

.goods-info .price {  margin-bottom: 10px; font-size: 80%; }


/* .links
----------------------------------------------------------------------------*/
div.links { margin: 0 0 15px; }
div.links div { float: left; width: 170px; margin: 5px 20px 5px 0; font-size: 80%; }
div.links div.active { font-weight: bold; }


/* .tech
----------------------------------------------------------------------------*/
table.tech { margin-bottom: 15px; }
table.tech caption { margin: 0; font-size: 100%; font-weight: bold; }
table.tech td { padding: 3px 5px; font-size: 80%; }
table.tech td span { font-size: 85%; }
table.tech td.left { width: 40%; }
table.tech td.right { width: 60%; }
table.tech td.right2 { width: 30%; }
table.tech td.right3 { width: 20%; }

table.subtech { width: auto; }
table.subtech td { font-size: 100%; }

table.tech th { font-size: 80%; text-align: left; }
table.tech .bgtd2 td { background: #fbfbfb; }
table.tech div.spec { margin-left: 10px; }