/* PROJECT */
@import "reset.css";

/* Bendri nustatymai */
body {color: #3e3e3e; font-family: Arial;position: relative; height: 100%;font-size: 12px; text-align: center; background: url(../../images/trioplan/footer_bgr.gif) repeat-x center bottom;}
h1, h2, h3, h4 {color:#8b0000;}
h1 {font-size: 19px; padding: 10px 0;}
.title {margin-bottom: 50px;}

a {text-decoration: none; color: #1D9FEF; }
a:hover { text-decoration: underline;}

#site_container {margin: 0 auto; width: 820px; }

/*Viršus*/
#header {position: relative; height: 110px; padding: 0 30px;}
#top_left_bgr {z-index: -1; width: 361px; height: 335px; position: absolute; top: 0px; left: 0px; background: url(../../images/trioplan/top_left_bgr.gif) no-repeat center top;;}

/* Logotipai */
#logo {margin: 0; padding: 0; width: 186px; height: 29px; position: absolute; top: 42px; left: 45px; display: block; background: url(../../images/trioplan/logo.gif) no-repeat; }
#logo a {display: block; text-indent: -9999px; overflow: hidden; height: 29px; width: 186px;}

#logo_2 {position: absolute; top: 7px; right: 45px; height: 96px; width: 300px;}
.lang_lt #logo_2{background: url(../../images/trioplan/logo_2.jpg) no-repeat right top;}
.lang_en #logo_2{background: url(../../images/trioplan/logo_2_en.png) no-repeat right top; top: 12px;}
.lang_ru #logo_2{background: url(../../images/trioplan/logo_2_ru.png) no-repeat right top; top: 26px;}

/* Viršutiniai menių */

/* Svetainės menių */
#top_menues {position: absolute; top: 70px; left: 30px; height: 40px; width: 540px;}
#top_menues ul {display: block; float: left;}
#top_menues li {display: block; float: left;}
#top_menues li div {margin: 12px 8px 10px 8px;}
#top_menues li div a {display: block; line-height: 100%; padding: 4px; font-family: Arial; font-size: 12px; text-decoration: none; font-weight: bold; color: #686868;}
#top_menues li div a:hover, #top_menues li .active a {text-decoration: underline;}

/* Kalbų menių */
#top_menues #languages_menu {margin-top: 4px;}
#top_menues #languages_menu a {font-size: 10px !important; font-weight: normal !important;}
#top_menues #languages_menu div {margin: 9px 8px 8px 8px;}
#top_menues #languages_menu .active a {text-decoration: underline;}


/*Centrinė dalis*/
#center {margin: 3px 30px; text-align: left;}

#center #medicine_navigation_wrapper {position: relative; background-color: #fff; height: 101px; }
#center #medicine_navigation {position: relative; background: url(../../images/trioplan/medicine_navigation_bgr.png) repeat-x left top; border: 1px solid #ccebff; border-bottom: none; overflow-x: hidden; overflow-y: hidden; height: 100px;}

/* Slanki juosta viršuje */
#medicine_navigation ul {position: absolute; width:10000px; height: 100px; padding: 0 22px; background: url(../../images/trioplan/top_stripe.gif) repeat-x left 96px;}

#medicine_navigation ul li {display: inline; float: left;}
#medicine_navigation ul li a {text-decoration: none; margin: 15px; display: inline; float: left; height: 70px; width: 110px; text-align:center;}
#medicine_navigation ul li a .colored{display: block;}
#medicine_navigation ul li a .grayscale{display: none;}
#type_vitamins #medicine_navigation ul li a .grayscale{display: block;}
#type_vitamins #medicine_navigation ul li a .colored {display: none;}
#medicine_navigation ul li a .color_active {display: none;}
#medicine_navigation ul li .hover {color: #ccc;}
#medicine_navigation ul li .hover .grayscale{display: none;}
#medicine_navigation ul li .hover .colored{display: block;}
#type_vitamins #medicine_navigation ul li .hover .colored{display: block;}
#type_vitamins #medicine_navigation ul li .hover .grayscale{display: none;}
#medicine_navigation ul .active {z-index: 3; height: 100px; background-color: #fff; border-left: 1px solid #CCEBFF; border-right:1px solid #CCEBFF}
#type_vitamins #medicine_navigation ul .active .grayscale{display: none;}
#medicine_navigation ul .active .colored{display: none;}
#type_vitamins #medicine_navigation ul .active a:hover .colored{display: none;}
#medicine_navigation ul .active .color_active{display: block;}

* html #medicine_navigation ul .active {height: 110px;}
#medicine_navigation ul .active a {margin: 9px 5px 0px 5px; width: 130px; height: 95px;}
#medicine_navigation ul .active a:hover .colored {display: none;}

#medicine_navigation_wrapper .arrow_left, #medicine_navigation_wrapper .arrow_right {cursor:pointer; top: 35px; position: absolute; display: block; height: 36px; width: 17px; text-decoration: none;}
.arrow_left:hover, .arrow_right:hover {text-decoration:none;}
.arrow_left {left: -25px; background: url(../../images/trioplan/arrow_left.gif) no-repeat;}
.arrow_right {right: -25px; background: url(../../images/trioplan/arrow_right.gif) no-repeat;}
.arrow_disabled {background-position:0 -36px; cursor:default ! important;}

/* Svetainės turinys */
#main_content_wrapper {background-color: #fff;}
#main_content {padding: 20px 30px 20px 30px; border: 1px solid #ccebff; border-top: none; background-color: #fff; position: relative; height: 1%;}

/* Detalus vitamino aprašymo puslapis */
#type_vitamins #main_content {padding-right: 0px; padding-bottom: 0px;} /* Numušam, kad vitamino paveikslėlio fonas būtų prie krašto */
#main_content #content_type_vitamins .item {position:relative;}
#main_content .item_image {position: relative; width: 410px; padding-bottom: 40px; float: right; text-align: right;}
#main_content .item_image img {margin-top: 30px;}
#main_content .item_image #vitamines_numbers{position: absolute; top: 70px; left: 27px; width: 89px; height: 165px; background: url(../../images/trioplan/vitamines_numbers.gif) no-repeat center center;}
#vitamine_1, #vitamine_2, #vitamine_3 {cursor: default; text-decoration: none; display: block; width: 17px; height: 17px; position: absolute; left: 2px;}
#vitamine_1 {top: 2px;}
#vitamine_2 {top: 73px;}
#vitamine_3 {top: 145px;}
#vitamine_1 span, #vitamine_2 span, #vitamine_3 span {z-index: 5; padding: 5px; display: none; background-color: #fff; width: 250px; border: 1px solid #666; text-align: left; font-size: 11px; text-decoration: none;}

#vitamines_numbers .hover span {position: absolute; display: block; bottom: 8px; left: 8px; color: #000;}

#main_content .item_description {margin-right: 430px;}
#main_content .item_description h1 {margin-bottom: 20px;}
#main_content .item_description p {padding: 4px 8px 4px 0; line-height: 1.4em;}
#main_content .item_description strong {color:#8b0000; font-weight: bold;}
#main_content .item_price_wrapper {text-align: center; float: left; display: inline; background-color: #fff; width: 140px; margin-top: 15px; margin-left: 170px; margin-bottom: -32px;}
* html #main_content .item_price_wrapper {bottom: 30px;}
#main_content .item_price {border: 1px solid #ccebff; padding-bottom: 15px; text-align: center;}

#main_content .item_price {text-align:center;}
#main_content .item_price .price {margin-top: 15px; text-align: center; color: #0e98ff; font-size: 14px; }
#main_content .item_price a {cursor: pointer; display:block; margin:0px auto; margin-top:5px; height: 24px; width: 67px;  background: url(../../images/trioplan/buy_button.gif) repeat-x; border:none; text-decoration: none; }
#main_content .item_price a span {font-size: 13px; color: #fff; display: block; padding-top:3px;}
* html #main_content .item_price a span {margin-top: 0px;}

.item {position: relative;}

#more_link {position: absolute; bottom: 10px; height: 30px; width: 300px; color: #707070; font-family: Arial; font-size: 12px;}
#more_link div {float: left; margin-top: 11px; text-decoration: underline;}
#more_link a { text-decoration: none; margin-left: 8px; display: block; float: left; width: 96px; height: 25px;  background: url(../../images/trioplan/vitaminai_lt_link.gif) no-repeat;}

#friends {margin-top: 20px; color: #2dacff; font-size: 12px; font-family: tahoma; font-weight: bold; text-align: center;}
#friends span {/*float: left; margin-left: 150px;*/}
#friends a {color: #2dacff; /*display: inline; float: left;*/ margin-left: 10px;}

/* Apači \*/
#bottom_right_bgr {bottom: 0px; z-index: -1; height: 477px; width: 508px; background: url(../../images/trioplan/bottom_right_bgr.gif) no-repeat; position: absolute; right: 0px;}
#footer {padding: 20px 30px 35px 30px; font-size: 11px; font-family: Tahoma; color: #7ccaff;}
#footer .left {float: left; text-align: left; color: #74AFCF;}
#footer .right{float: right; text-align: right; color: #74AFCF;}

/* Pradžios puslapis \*/

#type_index #main_content {padding-left: 0; padding-right: 0;} /* Numušamas, kad tilptų platus paveikslėlis su siluetais \*/

#vitamines_wrapper {position: relative; width: 758px; height: 262px;}
#vitamines_wrapper img {position:absolute;}
#vitamines_wrapper img.shadow {display:none;}
.lang_lt #vitamines_wrapper {background: url(../../images/trioplan/people_active.png) no-repeat left top;}
.lang_en #vitamines_wrapper {background: url(../../images/trioplan/people_active_en.png) no-repeat left top;}
.lang_ru #vitamines_wrapper {background: url(../../images/trioplan/people_active_ru.png) no-repeat left top;}

.transparent {position: absolute; top: 0; bottom: 0;}
.active_images {position: absolute; top: 0; bottom: 0; display: none;}/* Visi paveikslėliai, kurie bus aktyvuojami užvedus pelę\*/

/* Detalus vitamino aprašymo puslapis */
#joints {}
#sport {display: block;}

#simple_content h1 {margin-bottom: 10px;}


/* Paskutinis atnaujinimas 2008.10.02\*/