/* 
   Reset (http://meyerweb.com/eric/tools/css/reset/)
------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; 
font-size: 100%; vertical-align: baseline; background: transparent; } body { 
line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*-------- general ----------*/
body {
	background: #FFF;
	color: #616161;
	font: 12px/18px  Verdana, Geneva, sans-serif;
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}


/*-------- typo ----------*/
p {padding: 2px 0 6px;}
h1 {font:26px/30px arial, serif; color:#000;}
h2 {font:24px/28px arial, serif; color:#000;}
h3 {font:20px/26px arial, serif; color:#000;}


h2,h3,h4,h5,h6 {margin-bottom: 4px;}


/*-------- links ----------*/
a {color:#616161;}
a:hover {background:#FFF; color: #616161;}


/*-------- floats ----------*/
.left {float: left;}
.right {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}

/*-------- header ----------*/
#header {
	background: #3E4763 url(img/headerBkg.gif) left top no-repeat; 
	height:115px;
	padding-left:45px;
	border-bottom:4px solid #FFF;
}

div#logo a {
	display:block;
	position:absolute; 
	top:50px;
	left:40px;
	height:55px;
	width:350px;
	text-indent:-9999em;
}
div#logo a:hover { background:none;}


a#registration { position:absolute; background:url(img/register.gif) no-repeat; width:162px; height:23px; display:inline-block; top:40px; left:600px; padding:25px 0 0 49px; font:12px Verdana, Geneva, sans-serif; color:#333; text-decoration:none;}
div#google_translate_element { position:absolute;  left: 600px; }

a#registration:hover { text-decoration:underline;}


/*-------- navigation ----------*/
#navigation ul, #navigation li {display: inline-block; float:left;}
#navigation {background:#e1e0e0; padding-left:35px;}
#navigation ul li a {
	color: #616161;
	float: left;
	font:12px Verdana, Geneva, sans-serif;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	height:26px;
	line-height:26px;
	display:inline-block;
}
#navigation ul li a:hover,
#navigation ul li.current_page_item a {background:#FFF; color:#616161;}


/*-------- breadcrumbs ----------*/
	p#breadcrumbs						{ margin:6px 0 10px 45px;}
	p#breadcrumbs a						{ font:11px/11px Arial, Helvetica, sans-serif; text-decoration:none; color: #616161;}
	p#breadcrumbs a.breadcrumbHome		{ text-decoration:underline;}
	p#breadcrumbs a:hover				{ text-decoration:underline;} 	


/*-------- main ----------*/
#main {width: 560px; padding:0 30px 0 45px;}
#mainf {width: 910px; padding:0 30px 0 45px;}

#main ol, #main ul,#mainf ol, #mainf ul {margin: 0 0 12px 16px;}
#main ul li,#mainf ul li {list-style: url(img/square.gif);}
#main ol li,#mainf ol li {list-style: decimal;}
#main li,#mainf li {padding: 2px 0;}


/*-------- sidebar ----------*/
#sidebar {
	width: 350px;
	border-left: 1px solid #616161;
}
#sidebar_content {padding-left: 25px;}
#sidebar a {color: #616161; padding:2px 5px;}
#sidebar a:hover {background:#E1E0E0; text-decoration:none;}


/*-------- box ----------*/
.box {margin-bottom: 15px;}
.box_title { font:26px/30px arial, serif; padding:0 0 4px; color:#000;}
.box_content {padding:2px 0 6px;}
.box li {border-top: 1px solid #DDC; padding: 4px 0;}
.box li:first-child {border-top: none;}


/*-------- footer ----------*/
#footer {padding:10px 0 22px 39px; background:#E1E0E0; margin-top:15px; border-top:7px solid #756086;}
#footer a {color: #616161; padding:2px 5px;}
#footer a:hover {background:#fff; text-decoration:none;}

.description { border-top:1px dashed #eee;margin-top:10px;padding-top:10px }
textarea, input { border: 1px solid #cccccc;}
input {  width: 160px;  }

input.submit{ width:200px;}
input.phone {  width: 122px; }
.create-form { width: 760px; }
.label { width: 80px; } 
#notice {  background: #fffaaa; width: 100% ; height:60px; padding-top:22px; padding-left:10px }
#notice a { font-size: 32px;}
.rtl { direction: rtl; }

.tx-ratings { position: relative; left: 0; top: 0; padding-top: 16px;padding-left:30px; margin: 5px 5px; }
	.tx-ratings-display { position: absolute; left: 30px; top: 0; height: 12px; }
		.tx-ratings-grey-bar { position: absolute; left: 0; top: 0; width: 55px; height: 12px; background: url(rating_stars.gif) repeat-x; font-size: 1px; }
		.tx-ratings-gold-bar { position: absolute; left: 0; top: 0; width: 0px; height: 12px; background: url(rating_stars.gif) repeat-x 0 -12px; font-size: 1px; font-size: 1px; }
		.tx-ratings-vote-bar { position: absolute; left: 0; top: 0; width: 55px; height: 12px; font-size: 1px; }
			.tx-ratings-vote-bar DIV A { position: absolute; left:0; top: 0; width: 11px; height: 12px; border: none; text-decoration: none; }
				.tx-ratings-vote-bar DIV A:hover { background-image: url(rating_stars.gif); background-position: 0 -24px; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-1 { left: 0px; width: 11px; z-index: 5; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-2 { left: 0px; width: 22px; z-index: 4; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-3 { left: 0px; width: 33px; z-index: 3; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-4 { left: 0px; width: 44px; z-index: 2; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-5 { left: 0px; width: 55px; z-index: 1; }
			.tx-ratings-cleaner { clear: left; }
	.tx-ratings-text { color: #606060; font-size: 11px; font-family: Helvetica,Arial; }
	.tx-rating-display-wrap { position: absolute; left: 0; top: 0; font-size: 12px; visibility: hidden; z-index: 1; }
			.tx-rating-display-wrap IMG { float: left; margin-right: 5px; }
			
			.tx-ratings { padding-top: 35px; }
.tx-ratings-grey-bar { width: 150px; height: 30px; background-image: url(img/stars.gif); }
.tx-ratings-gold-bar { height: 30px; background: url(img/stars.gif) repeat-x 0 -30px; }
.tx-ratings-vote-bar { width: 150px; height: 30px; }
.tx-ratings-vote-bar DIV A { width: 30px; height: 30px; }
.tx-ratings-vote-bar DIV A:hover { background-image: url(img/stars.gif); background-position: 0 -60px; }
.tx-ratings-text { font-size: 11px; }

.tx-ratings-vote-bar DIV A.tx-ratings-star-1 { left: 0px; width: 30px; z-index: 5; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-2 { left: 0px; width: 60px; z-index: 4; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-3 { left: 0px; width: 90px; z-index: 3; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-4 { left: 0px; width: 120px; z-index: 2; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-5 { left: 0px; width: 150px; z-index: 1; }

.space { margin: 8px 0 8px 0 }


@media screen and (max-width: 768px) { 
div#logo a  { display:none; }
h1,h2,h3,h4,h5,h6 {margin-bottom: 4px; margin-top:8px;}
body {
	
	font: 18px/22px  Verdana, Geneva, sans-serif;
	
}


	p#breadcrumbs	{ display:none; }

/*-------- navigation ----------*/
#navigation ul, #navigation li {display: block; float:none;}
#navigation {background:#e1e0e0; padding-left:0px; }
#navigation ul li a {
border-bottom: 1px dashed #666;
	color: #616161;
	float: none;
	font:16px Verdana, Geneva, sans-serif;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	height:32px;
	line-height:32px;
	display:block;
}

/*-------- main ----------*/
#main {width: 98%; padding:0 1% 0 1%;}
#mainf {width: 98%; padding:0 1% 0 1%;}

#main ol, #main ul,#mainf ol, #mainf ul {margin: 0 0 12px 16px;}
#main ul li,#mainf ul li {list-style: url(img/square.gif);}
#main ol li,#mainf ol li {list-style: decimal;}
#main li,#mainf li {padding: 2px 0;}

#header {
	background: #3E4763 url(img/headerBkg.gif) left top no-repeat; 
	height:115px;
	padding-left:45px;
	border-bottom:4px solid #FFF;
background-size:100% 100%;
}
a#registration { position:absolute; background:#fff ; width:20%; height:23px; display:inline-block; top:0px; left:75%; padding:4px; font:14px Verdana, Geneva, sans-serif; color:#333; text-decoration:none;}

div.csc-textpic img { width: 100%;
	height: auto; }
/*-------- sidebar ----------*/
#sidebar {
	width: 98%;

	border-left: 0px
}
#sidebar_content {padding: 2px}
#sidebar a {color: #616161; padding:2px 5px;}
#sidebar a:hover {background:#E1E0E0; text-decoration:none;}


}
#bottom {
	float:left;
    width: 910px;
    padding: 0 30px 0 45px;
}
/* COOKIE */
div.cookie-popup {
  position: fixed;
  z-index: 9999;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  min-height: 30px;
  background-color: #ddd;
  border-top: 2px solid #666;
}

div.cookie-popup a.cookie-close {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #756086;
  cursor: pointer;
}

div.cookie-popup a.cookie-close .cookie-bar {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 21px;
  height: 1px;
  background-color: #fff;
}

div.cookie-popup a.cookie-close .cookie-bar.one {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand')";
}

div.cookie-popup a.cookie-close .cookie-bar.two {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865482, M12=0.7071067811865466, M21=-0.7071067811865466, M22=0.7071067811865482, SizingMethod='auto expand')";
}

div.cookie-popup p {
  color: #333;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  padding: 7px 50px;
}

div.cookie-popup p a {
  color: #756086;
  font-weight: bold;
  text-decoration: underline;
}