/* CSS Document */
* {
	outline: 0;
}

body {
	background-color:#fff;
	background-position:top;
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#5C5C5C;
	margin:0;
}

.divider{
  clear: both;
  height: 4px;
  background: url(/images/divider.gif) repeat-x;
}

#container {
	width:870px;
    background: url('/images/left_side_bg.jpg') repeat-y left;
	margin:0 auto 0 auto;
}
#top{
  background: #64B9E8;
}

#header {
	height:206px;
    margin:0 auto;
    width:870px;
    border: 0px solid #FF0000;
    background: #64B9E8 url(/images/top.jpg) no-repeat;
}

#header h1 {
	font-family:Century Gothic, "Trebuchet MS", Tahoma, Verdana;
	font-size:250%;
	color:#333;
	letter-spacing:-1px;
	padding:15px 50px 0 10px;
    border: 0px solid;
    width:180px;
    height:100px;
	float:left;
	border-right:1px solid #eee;
}
#header h1 a {
	color:#000;
	text-decoration:none;
}
#header .img {
	padding:0px 0px 0px 0px;
	font-size:100%;
	color:#ccc;
    border: 0px solid;
    float: left;
    clear:both;
	font-weight:normal;
	margin: 170px 0 0 75px; /* Adjust this value for the space between the site title and the slogan */
}
#header .img a {
	text-decoration: none;
}
#header .logo {
	padding: 10px 0 0 20px; /* Adjust this value for the space between the site title and the slogan */
    float:left;
	border: 0px solid #eee;
    text-align: center;
}
#sidebar_bottom {
	background-image:url(../images/backgrounds/sidebarbottom.jpg);
	height:53px;
}

/*#nav {
	margin:0 0px 0 0 !important;
	margin:0 0px 0 0;
	padding:0;
    width:100%;
    border: 1px solid;
	float:right;
}

#nav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#nav li a {
	display:block;
	padding:5px 10px 14px 10px;
	margin:0 1px 0 1px;
	color:#666;
	text-decoration:none;
	font-weight:bold;
}

#nav li a:hover, .active {
	background-image:url(/images/backgrounds/menu_a_hover.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#000000;
}*/
.clear {
	clear:both;
}

#sidebar {
	width:216px;
	padding:10px 5px 20px 15px;
	float:left;
	margin:0px 0 0 0;
    border: 0px solid;
}
#icons{
  width:210px;
  text-align:center;
  clear:both;
  border: 0px;
  padding-bottom:10px;
}
#icons a{
  text-decoration: none;
}
.image_bg{
  background: url("/images/image_bg.gif") no-repeat center;
  float:left;
  padding:8px;
  height:75px;
  margin:8px;
  text-align:center;
}
#gallery_image{
  width:210px;
  background: url("/images/loader.gif") no-repeat center;
  height:100px;
  padding-top:10px;
  clear:both;
  text-align:center;
}
.messagetitle{
  font-weight:bold;
  font-size:13px;
}

#midle{
    width:870px;
    background: url("/images/content_bg.jpg") no-repeat;
    float:left;
    border: 0px solid #FF0066;
    min-height:520px;
}

#content {
	margin:0 0 0 0px;
    width:610px;
    float:left;
    line-height:18px;
	padding:30px 10px 20px 10px;
    border: 0px solid;                  
}
#content img{
	padding:10px;
}
#content hr{
  margin: 20px 5px;
}

#content h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:10px 0 20px 10px;
	color:#000000;
}
#content h2 {
	font-size:16px;
	color:#333;
	font-family:"Trebuchet MS", Tahoma, Verdana;
}
#content h3 {
	font-size:13px;
	color:#333;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	margin:10px;
}
#content ul {
	margin:15px 0 15px 20px;
	padding:0;
	/*border-top:1px solid #eee;*/
}
#content li {
	margin:10px 0 10px 10px;
	padding:0 0 10px 5px;
	border-bottom:1px solid #eee;
}
#content #sideblock {
	width:180px;
	padding:10px;
	background-color:#fff;
	float:right;
	font-size:90%;
	margin:0 0 0 20px;

}
.sidebarfooter {
	background-color:#eee;
	text-align:left;
	padding:7px 5px 7px 5px;
	font-size:80%;
}
.sidebarfooter a {
	background-color:#f6f6f6;
	padding:3px;
	text-decoration:none;
}
.sidebarfooter a:hover {
	color:#000;
	background-color:#fff;
}
#content #sideblock h1 {
	text-transform:none;
	font-size:120%;
	color:#000;
	margin:0;
	letter-spacing:0;
}
#sideblock p {
	text-indent:0;
	line-height:17px;
	padding:5px;
	margin:5px 0 5px 0;
	color:#bbb;
}
#sideblock ul {
	margin:0 0 5px 5px;
	border:none;
}
#sideblock li {
	margin: 0;
	background-image:none;
	padding:0;
	border:none;
}
#sideblock li a {
	text-decoration:none;
	display:block;
	background-color:#fff;
	padding:5px 5px 5px 10px;
	color:#888;
}
#sideblock li a:hover {
	background-color:#f9f9f9;
	color:#666;
	background-image:url(../images/backgrounds/sideblock_li_a_hover.gif);
	background-position:left;
	background-repeat:no-repeat;
}
blockquote {
	background-image:url(../images/backgrounds/bq.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding:5px 35px 5px 5px;
	border:1px solid #eee;
	font-family:"Trebuchet MS", Tahoma, Verdana;
}

#content a {
	color:#585858;
	text-decoration: none;
}
#content a:hover {
    color:#000;
}
a:hover {
	text-decoration: none;
}
#sidebar a {
	color:#333;
}

#sidebar h1 {
	font-family:Century Gothic, "Trebuchet MS", Tahoma, Verdana;
	font-size:20px;
    margin: 20px 0px 10px -70px;;
	color:#000000;
	font-weight:normal;
	letter-spacing:-1px;
}

#sidebar p {
	font-size:90%;
	line-height:19px;
	margin:10px 0 10px 0;
}

#footer {
	padding:10px 0px 0px 0px;
	color: #FFFFFF;
    clear: both;
    width:870px;
    height:35px;
    margin:0 auto;
	text-align:center;
    background:url(/images/bottom_bg.jpg) no-repeat;
}
#footer a {
	color:#FFFFFF;
}
#footer a:hover {
	color: #000000;
}


/* ............................................................... Side nav */
#side_nav{
float: left;
width: 240px;
text-align: left;
font-size: 12px;
font-weight:bold;
margin-top:20px;
}
#side{
margin:0px;
width: 240px;
padding-left: 0px;
list-style-type: none;
border-top: 1px solid  #d6d5d7;
}


#side a:link, #side a:visited {
text-decoration: none;
color:#666;
}

#side a.active {
color: #339900;
background:#ecedee;
}

#side li{
background:url(/images/arrow.gif) left center no-repeat;
border-bottom: 1px solid  #d6d5d7;
}


#side li a {
display: block;
padding: 5px 5px 5px 20px;
text-decoration: none;
 }


#side li a:hover {

background-color:#ecedee;

text-decoration: none;
color:#000;

}

 * html #side li a {  /* make hover effect work in IE */

 width: 215px;

 }


 #map_canvas{
  height: 400px;
  margin:10px 0px 0 0px;
}

 /* komentāru formai */
.loadingregform{
    z-index:30;
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
    background: #F8F8F8;
    /*display:none;*/
    height:200px;
    width:300px;
    filter: alpha(opacity=60);
    opacity: 0.5;
    background-image: url("/images/loader.gif");
    background-position: center;
    background-repeat: no-repeat;
}

#newsarticle img{
   margin: 10px;
}

#newsarticle{
   font-size:13px;
}

.newsarticle{
    margin: 0px;
    padding: 0px;
    border: 0px solid #000000;
}
.newsarticle h2{
    margin: 0px;
    padding: 0px 10px;
}
.newsarticle h2 a{
  padding: 0px;
  margin: 0px;
  border: 0px solid;
}
.newsdate{
  padding:0px 8px 4px 0px;
  font-size:11px;
  margin: 0px;
  float:right;
}
.newsimage{
  float:right;
  margin:10px 0px 0px 10px;
  width: 120px;
}
.newsimage img{
  border: 1px solid #C0C0C0;
}

.newsintro{
  clear: right;
  text-align: justify;
  width: 595px;
  margin:5px;
  border: 0px solid;
}
.newsarticle .readmore{
  clear:both;
  padding: 12px 0px 10px 20px;
  font-size:11px;
  font-style: italic;
}


.news_list_divider{
    clear: both;
    height:4px;
    padding: 4px 0px;
    border: 0px solid;
    background: url(/images/divider.gif) repeat-x center;
}
.more_news_list{
  padding: 4px 0px;
}
.more_news_list a{
  font-size:12px;
  padding: 4px 0px;
  font-weight: bold;
  margin: 8px 12px;
}

.active_comment_page{
  padding: 3px 0px;
  font-weight:bold;
}
.passive_comment_page{
  padding: 3px 0px;
}
.commentForm{
  /*background-color: #F8F8F8; */
  margin-top: 12px;
  padding: 12px;
  border: 0px solid;
}
.comment_numbering{
  border: 0px solid;
  float:left;
  margin:12px 0px;
  width:100%;
  font-size:10px;
  background: #F8F8F8;
}

.comment_title{
  float: left;
  font-weight: bold;
  border: 0px solid;
  padding:2px;
  color: #000000;
  margin-left:20px;
}
.comment_date{
  float: left;
  padding:2px;
  margin-left:12px;
  color: #808080;
  font-size:10px;
}

.comment_text{
    margin-top:4px;
    margin-left:30px;
    padding:0px 4px;
    border: 0px solid;
}

.comment_line{
    width:480px;
    float:left;
    height:4px;
    border: 0px solid;
    margin:4px;
    padding:0px;
    background: url("/images/divider.gif") top repeat-x;
}

.comment_count{
  font-size: 11px;
  font-weight: 100;
  color: #000000;
}

.comment{
  font-size:11px;
  border: 0px solid;
  margin:8px 0px;
  width:550px;
  color: #616161;
}
.warning_message{
  color: #FF0000;
  padding: 2px 0;
}
.warning{text-align:center;color:red;padding: 2px 0;}
.warning_order{
  color: #FF0000;
  font-size: 12px;
  text-align: left;
  padding: 2px 0;
}

.comment_form_name{
  margin-bottom: 8px;
  border: 0px solid #000000;
}
#security_code{
  margin-bottom: 8px;
}
.comment_form_text{
  margin-bottom:8px;
}

input[type=text]{
  border: 1px solid #DFE8BC;
  padding: 2px 2px 2px 2px;
  font-size: 11px;
}
.textInput{
  border: 1px solid #DFE8BC;
  border-color: #DFE8BC;
  padding: 2px 2px 2px 2px;
  font-size: 11px;
}

textarea{
  border: 1px solid #DFE8BC;
  padding: 2px 2px 2px 2px;
  font-size: 11px;
}

/* galerijas */
.gallerycontent{
    border: 0px solid black;
    width:100%;
    height:420px;
}
.gallery{
    border: 0px solid black;
    float:left;
    width:165px;
    margin:8px 8px 2px 8px;
}
.gallery img{
    border: 1px solid black;
}
.gallery .galeryimage {
    margin:0 auto;
    width:170px;
    text-align:center;
}

.gallery .gallerytitle{
    border: 0px solid black;
    width:170px;
    text-align:center;
    color: black;
    font-size:11px;
}


.gallerydetailscontent{
    min-height: 550px;
    margin-left: 24px;
    border: 0px solid;
}

/* jautājuma forma */
#quiz{
    width: 300px;
    margin: 0 auto;
    border: 0px solid;
}
#questionFormDiv{
    padding-top:10px;
}

#email{
    background: url(/images/emailInput.jpg);
    padding:3px 5px 3px 5px;
    width:290px;
    height:15px;
    border:none;
    color:#838383;
    font-size: 11px; /*Century Gothic, Verdana,  Arial, Helvetica, sans-serif;*/
}
#code{
    background: url(/images/codeInput.jpg);
    padding:3px 5px 3px 5px;
    width:34px;
    height:15px;
    border:none;color:#838383;
    font-size: 11px; /*Century Gothic, Verdana,  Arial, Helvetica, sans-serif;*/
}
#question{
    background: url(/images/questionText.jpg);
    padding:3px 5px 3px 5px;
    width:290px;
    height:134px;
    border: none;
    overflow: auto;
    color:#838383;
    font-size: 11px; /*Century Gothic, Verdana,  Arial, Helvetica, sans-serif;*/
}
.questionSend{
    padding:20px 0px;
    width:290px;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    line-height:18px;
}

#question_loading{
    position: absolute;
    z-index:999999999;
    margin-top: 0px;
    width:300px;
    height:300px;
    background-color: transparent;
    background-image: url("/images/loader_question.gif");
    background-position: center;
    background-repeat: no-repeat;
}

/* sms forma */
#demo-frame > div.demo { padding: 10px !important; }
#eq span {
    height:120px; float:left; margin:15px;margin-left:80px;
}
.warning_reg_message{
  font-size:12px;
  color: #FF0000;
  text-align:left;
}

.label{
  width:180px;
  text-align:right;
  float:left;
  padding:4px 4px;
  padding-top:6px;
  border: 0px solid;
}
.input{
  padding:4px 4px;
  width:220px;
  float:left;
  border: 0px solid;
}
.labelsms{
  width:240px;
  text-align:right;
  float:left;
  padding:4px 4px;
  border: 0px solid;
}
.inputsms{
  padding:4px 4px;
  width:320px;
  float:left;
  border: 0px solid;
}
.inputsms select.countrycode{
  width: 135px;
  font-size:12px;
  padding: 2px;
  border: 1px solid #C0C0C0;
}
.inputsms input.phonenumber{
  width:80px;
  text-align: left;
  font-size:12px;
  padding: 3px;
  border: 1px solid #C0C0C0;
}
.input span{
  font-size:11px;
  color: #267526;
  font-style: italic;
  border: 0px solid;
  width: 180px;
}
.input p{
  margin:0px;
  padding:0px;
}

.input input{
  font-size:13px;
  padding: 3px;
  width:180px;
  border: 1px solid #C0C0C0;
}
.input select{
  padding:0px 2px;
  width:180px;
  border: 1px solid #C0C0C0;
}
.input .radio{
  padding:0px;
  margin:0px;
  width:15px;
}
.infotext{
  font-size:11px;
  color: #267526;
  font-style: italic;
  border: 0px solid;
  width: 180px;
}


#loginmessageform input{
  font-size:13px;
  padding: 3px;
  width:150px;
  border: 1px solid #C0C0C0;
}

.smalllink{
  padding: 4px;
  border: 0px solid;
}

.smsmenu{
  color:#f6931f;
}

.smsmenu a{
  font-weight: bold;
  font-size:13px;
  color: #000000;
}
.smsmenu a:hover{
  color: #808080;
}
.succesfullmessage{
  font-size: 14px;
  text-align:center;
  padding: 10px 0px;
  margin: 0 auto;
  color:#F6931F;
  font-weight:bold;
}

#a{
  color:#336699;
}
#a:hover{
  color: #000000;
  text-decoration: underline;
}
#articletext{

}
#articletext a{
  color:#336699;
}
#articletext a:hover{
  color: #000000;
  text-decoration: underline;
}
#articletext table{
  /*border-collapse: collapse;*/
  border: 0px solid #808080;
}
#articletext th{
  background: #B4B4B4;
  height: 30px;
  padding: 4px;
  vertical-align: middle;
}

#articletext td{
  border: 0px solid #808080;
  padding: 4px;
}

#articletext img{
  border: 0px;
  padding: 0 4px 4px 4px;
  margin: 0px;
}

/* izvēlne */

#menu {width:870px;margin:0 auto; background: #FFFFFF; height:22px; padding:4px 0px; border: 0px solid; background: #64B9E8; text-align:center;}
#menu ul {display:inline-block;}
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu li {margin:0; padding:0;}
#menu a {display:block; font:normal 10px verdana,arial,sans-serif;color:#FFFFFF; line-height:22px; text-decoration:none; padding:0 20px;}
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul,
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;}
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}

#menu a.top-level-a {float:left; padding:0 0 0 15px; background:url(/images/menu/taba.gif) no-repeat left top;}
#menu a.top-level-a b {float:left; padding:0 15px 0 0; background:url(/images/menu/tabb.gif) no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 15px 0 0; background:url(/images/menu/tabc.gif) no-repeat right top; cursor:pointer;}

#menu a.top-level-a:hover {white-space:nowrap; background:url(/images/menu/taba.gif) no-repeat left -30px;}
#menu a.top-level-a:hover b,
#menu a.top-level-a:focus b,
#menu a.top-level-a:active b {color:#4A4A4A; background:url(/images/menu/tabb.gif) no-repeat right -30px; cursor:pointer;}
#menu a.down:hover b,
#menu a.down:focus b,
#menu a.down:active b {color:#4A4A4A; background:url(/images/menu/tabc.gif) no-repeat right -30px; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:url(/images/menu/taba.gif) no-repeat left -30px;}
#menu li.top-level-li:hover > a b {color:#4A4A4A;  background:url(/images/menu/tabb.gif) no-repeat right -30px;}
#menu li.top-level-li:hover > a.down b {color:#4A4A4A;  background:url(/images/menu/tabc.gif) no-repeat right -30px;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:#64B9E8; padding:1px 1px 1px 1px; top:0px; left:0;}
#menu li li {border-bottom:1px solid #FFFFFF;}
#menu li li a {background:#64B9E8;}
#menu li li a:hover {background:#99D1F0;color:#4A4A4A;}
#menu li li:hover > a {background:#99D1F0;}
#menu li li a.fly {background:#64B9E8 url(/images/menu/fly.gif) no-repeat right top;}
#menu li li a.fly:hover {background:#99D1F0 url(/images/menu/fly.gif) no-repeat right top;}
#menu li li:hover > a.fly {background:#99D1F0 url(/images/menu/fly.gif) no-repeat right top;}

#menu ul.drop-down {top:22px; opacity:0.95;margin-left:1px;}
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padding-left:20px;}
#menu table table {top:auto; left:100%; margin-left:0px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; margin-top:-7px;}

#menu ul#top-level li.top-level-li ul.drop-down li{
  position: relative;
}
#menu ul#top-level li.top-level-li ul.drop-down li ul{
  margin-left:1px;
  position: absolute;
  top:22px;
  left:100%;
}

.introflags a{
    text-decoration: none;
    border:none;
}

table.producttable{
  border-collapse: collapse;
  border: 1px solid #C0C0C0;
}
table.producttable th{
  background: #DFDFDF;
  font-weight:bold;
  height: 30px;
  padding: 4px;
  vertical-align: middle;
}

table.producttable td{
  border: 1px solid #C0C0C0;
  padding: 4px;
  font-size:13px;
}
table.producttable input{
  border: none;
  font-size: 13px;
}