@import "extras.css";
@import "shop.css";

@font-face {
	font-family: 'cmp';
	src: url('myriadpro-regular-webfont.eot');
	src: local('Myriad Proa'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfontg7U4zPjR') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
margin:0px;
background:url(../images/back.jpg) repeat top left;
font-family: "Trebuchet MS";
}

.cmp {font-family: cmp, "Trebuchet MS", sans-serif;}
.hdr {
	color:#358911;
	font-size:30px;
	text-transform:uppercase;
	margin:0;
	font-weight:normal;
}

#main {
width:952px;
}

#header {
width:952px;
height:115px;
position:relative;
}

#header #logo {
position:absolute;
top:0px;
left:18px;
}

#header #cart {
position:absolute;
top:22px;
right:123px;
color:#5b235f;
font-size:12px;
text-shadow:#FFFFFF 1px 1px 1px;
}

.greenText {
color:#849d64;
}

#header #buyItems {
position:absolute;
top:15px;
right:0px;
width:123px;
}

#header #buyItems #cartIcon {
position:absolute;
top:4px;
left:5px;
}

#header #buyItems #buyButton {
position:absolute;
top:0px;
left:45px;
}

#header #menu {
position:absolute;
top:55px;
right:0px;
padding-left:5px;
padding-right:5px;
}

#header #menu #menuLeft {
width:5px;
height:37px;
background-image:url(../images/menu_left.png);
position:absolute;
top:0px;
left:0px;
}

#header #menu #menuRight{
width:5px;
height:37px;
background-image:url(../images/menu_right.png);
position:absolute;
top:0px;
right:0px;
}

#header #menu ul li {
float:left;
list-style:none;
}

#header #menu ul li a,	#header #menu ul li a:hover{
display:block;
background-image:url(../images/menu_back.png);
height:28px;
padding-left:20px;
padding-right:20px;
color:#FFFFFF;
font-size:14px;
padding-top:9px;
text-decoration:none;
}

#header #menu ul li a:hover {
background-image:url(../images/menu_over_back.png);
}

#mainImage {
position:relative;
width:953px;
height:342px;
background:url(../images/main_image.jpg) no-repeat;
}

#facebook {
position:absolute;
top:10px;
left:-32px;
}

#mainImageShadow {
width:953px;
height:31px;
background:url(../images/shadow.png) no-repeat;
}

#bottomScreens {
width:953px;
position:relative;
height:220px;
}

#screen1, #screen2, #screen3, #screen4, #screen5  {
position:absolute;
width:226px;
height:201px;
top:0px;
display:block;
}

#screen1 {left:0px;}
#screen2{
left:242px;
background:url(../images/atsiliepimai.jpg) no-repeat;
}
#screen3 {left:484px;}
#screen4 {
left:727px;
background:url(../images/gulejimo_zonos.jpg) no-repeat;
}
#screen5 {
	background:url(../images/simplepage_box_bg.png) no-repeat;
}

#bottomScreens #screen2 div.box
#bottomScreens #screen5 div.box{
	height:201px;
}
#bottomScreens .shadow {
	height:20px;
	background:url(../images/bottom_shadow.png) no-repeat bottom left;
}

#footer {
position:relative;
font-size:11px;
text-align:left;
padding-left:70px;
margin-top:25px;
margin-bottom:25px;
color:#611c66;
}

#footer a {
padding-left:4px;
padding-right:4px;
text-decoration:none;
color:#611c66;
}

#footer #sprendimas {
position:absolute;
top:-8px;
right:0px;
margin-right:60px;
}





#mainImage.otherPages {height:215px;}
.right #screen1, .right #screen2, .right #screen3, .right #screen4, .right #screen5  {
	position:static;
}
#mainImage a.videoLink {
	display:block;
	width:300px;
	height:126px;
	position:absolute;
	top:68px;
	right:235px;
	background: url('../images/video_link_button.png') no-repeat top left;
}
#mainImage a.videoLink:hover {background-position: 0 -126px;}

.mainShadow {
	height:10px;
	background:white url('../images/main_image_shadow.png') no-repeat;
}

#pageBody {background:white;}
#content {
	margin-right:240px;
	text-align:left;
	padding:10px 40px;
	min-height:1040px;
	color:#656565;
	font-family: Arial;
	font-size: 12px;
}
#content .userInput{
	border:1px solid white;
	width:630px;
	line-height:180%;
	float:none;
	font-family:Georgia;
	overflow:hidden;
}
#content .userInput *{float:none;}

#rightBoxes {}

#bottomScreens.bottomScreensRight {
	float:right;
	position:static;
	margin:0 5px 20px 5px;
}
#bottomScreens.bottomScreensRight #screen1,
#bottomScreens.bottomScreensRight #screen2,
#bottomScreens.bottomScreensRight #screen3,
#bottomScreens.bottomScreensRight #screen4,
#bottomScreens.bottomScreensRight #screen5{
	position:static;
}
#bottomScreens.bottomScreensRight .shadow {
	height:10px;
	background:url('../images/box_shadow.png') no-repeat;
}

#bottomScreens #screen2{
	color:white;
	font-family:Georgia;
	font-size:12px;
	}
#bottomScreens #screen2 .box {height:201px;}
#bottomScreens #screen2 ul{
	padding-top:65px;
	margin:0 15px 0 25px;
	text-align:left;
	list-style:none;
	line-height:14px;
}

#bottomScreens #screen5{
	color:white;
	font-family:Georgia;
	font-size:10px;
	font-weight:bold;
	height:auto;
	padding-bottom:13px;
}
#bottomScreens #screen5 ul{
	margin:0 15px 0 25px;
	text-align:left;
	list-style:none;
	line-height:14px;
}
#bottomScreens #screen5 ul li.boxTitle{
	font-size:11px;
	padding:15px 0 20px 0;
}
#bottomScreens #screen5 ul li.boxText{
	font-weight:normal;
}

#bottomScreens #screen4 .textImgBox{
	width:224px;
	height:201px;
	margin:-201px 0 0 -1px;;
	position:relative;
	z-index:10;
	background:url(../images/gulejimo_zonos.png) no-repeat top left;
}


#menu #topMenuItems {
	margin:0px;
	padding:0px;
	/*text-align:left;*/
}

#menu #topMenuItems li {
	/*width:150px; /* FIXME */
	margin:0px;
	padding:0px;
	list-style:none;
	position:relative;
	z-index:100;
}

#menu #topMenuItems li ul {
	position:absolute;
	z-index:100;
}
#menu #topMenuItems li ul li {
	display:block;
	float:none;
	width:200px;
	margin-top:0px;
	text-align:left;
}
#menu #topMenuItems li ul li a{
	height: 24px;
	opacity:0.8;
	background:#834b7f;
	font-family: Tahoma;
	font-size: 12px;
}
#menu #topMenuItems li ul li a:hover{
	height: 24px;
	opacity:1.0;
	background:#834b7f;
	font-family: Tahoma;
	font-size: 12px;
}


div.submenu {
	background:#e9e9e9;
	margin:10px 0 20px -40px;
	padding:5px 0 5px 15px;
	height:30px;
}
div.submenu ul li {
	list-style:none;
	float:left;
	border-left:1px dotted black;
}
div.submenu ul li:first-child {border:none;}

div.submenu ul li a{
	display:block;
	padding:8px 25px;
	color:#656565;
	font-family: Arial;
	font-size: 12px;
	text-shadow:#FFFFFF 1px 1px 1px;
}
div.submenu ul li a:hover{
	text-decoration:none;
}
div.submenu ul li a.active{
	font-weight:bold;
}






#product_main {
	margin:0;
}
.variant_div {
	margin:30px 0;
}
.variant_div .variant_title{
	background:#e9e9e9;
	margin:10px -20px 20px -40px;
	padding:5px 0 5px 55px;
	height:30px;
	line-height:30px;
	font-weight:bold;
}
.variant_option {
	float:left;
	width:210px;
}

#column1 {
	float:left;
	margin-left:-30px;
	width:250px;
}
#column2 {
	float:left;
	width:350px;
}


div.bottomDecoration {
	height:15px;
	background:#6ab620;
}

div.info{font-weight: bold;}
div.info span {font-weight: normal;}
div.info span span {
	font-family: Arial;
	font-size: 12px;
	color: #95479d;
	font-weight: bold;
}


a#screen2 {text-decoration:none;}


form.contactsForm {
	width:330px;
	float:left;
}
form.contactsForm label{
	display:block;
	padding-top:15px;
}
form.contactsForm label span{
	color:#358911;
	font-size:16px;
	font-family:cmp;
}
form.contactsForm label input,
form.contactsForm label select,
form.contactsForm label textarea{
	border:none;
	background:#E5E5E5;
	font-family:"Lucida Grande",sans-serif;
	font-size:12px;
	padding:5px;
	width:300px;
}
form.contactsForm label select{width:310px;}
form.contactsForm label img{
	display:block;
	margin:0 auto;
}
form.contactsForm label .send{
	display:block;
	margin:0 auto;
	width:120px;
	height:24px;
	line-height: 24px;
	background:url(../images/checkout_button.png) no-repeat;
	text-align: center;
	color:white;
	font-size: 14px;
	margin-top:10px;
}

.userInput a{color:#61AC19;}