/* Trimedia Oy: Olenius */
body { background: url(../img/client/background.jpg) no-repeat center top; font-family: Arial, sans-serif; }
h1 { font-size: 28px; }
h2 { font-size: 28px; }
h3 { font-size: 16px; }
h4 { }
a { text-decoration: none; color: #244e95; }
p { font-size: 0.875em; line-height: 1.4em; margin: 5px 0 10px 0;}
.clear { clear: both; }

/* Layout */
#wrapper {
   width: 980px;
   margin: 0 auto;
   background: url(../img/client/mid-top.png) no-repeat left 112px;
}
#header { height: 112px; background: url(../img/client/slogan.png) no-repeat 280px 15px #fff; overflow: hidden; }
#logo {
   height: 70px;
   width: 220px;
   background: url(../img/client/logo.png) no-repeat;
   float: left;
   margin: 10px 0 0 10px;
   overflow: hidden;
}
#logo a {
   padding: 70px 0 0 0;
   display: block;
}
#nav-main {
   float: left; display: inline;
   width: 950px;
   background: url(../img/client/nav-main-back.gif) repeat-x #143d8e;
   font-size: 0.75em;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   font-weight: bold;
   padding: 0 15px;
   margin: 0;zoom: 1
}
#nav-main li { margin: 0; padding: 0; }
#nav-main li li { float: left; display: inline; margin: 0; padding: 0 10px 0 10px; background: url(../img/client/navi-center.png) repeat-x right top; }
#nav-main li li a { color: #fff; line-height: 32px; text-decoration: none; padding: 0; margin: 0; }
#nav-main li ul { margin: 0; padding: 0; zoom: 1;}
#nav-main #home { float: left; width: 20px;padding: 5px 5px 0; display:inline;}

/* Cart */
#header-cart {
 float:right;
   font-size: 0.75em;
   background: #1745a2;
   line-height: 20px;
   padding: 0 5px;
   color: #fff;
   width: 340px;
   text-align: center;
   -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;
}
#header-cart p {
   display: inline;
   font-size: 12px;
	padding: 0 5px;
}
#header-cart a {
   color: #fff;
}
#header-cart li#nav-basket a:hover{
	text-decoration:underline;
}
/* Midpic */
#middle-wrap {
	width: 980px;
	height: 138px;
	overflow: hidden;
   background: url(../img/client/mid-bottom.png) no-repeat left bottom;
}
#home #middle-wrap {
	height: 278px;
}
.middle-image {
   width: 960px;
   height: 100px;
   background: #ccc;
   float: left; display: inline;
   margin: 4px 10px;
}
.middle-image h2 {
	margin: 20px 0 10px 20px;
	color: #1745a2;
	font-weight: normal;
	font-style: italic;
}
.middle-image p {
	margin: 0 0 0 20px;
	width: 500px;
	font-size: 12px;
	color: #333;
	font-style: italic;
}
#middle-home {
   height: 270px;
   background: url(../img/client/middle-home.jpg) repeat-x;
}
#middle-home h2 {
	margin: 20px 20px 10px 0;
	font-size: 32px;
}
#middle-home p {
	margin: 0 20px 0 0;
	width: auto;
	font-size: 14px;
	font-style: normal;
}

#middle-home a:hover {
	color: #999;
}
#home-slide { float: left; width: 490px; height: 270px; display: inline; }
#home-topcontent { float: left; width: 470px; height: 270px; display: inline;}

#middle-tuotteet {
   height: 130px;
   background: url(../img/client/header-mid-1.jpg) no-repeat;
}
#middle-vaihtokoneet {
   height: 130px;
   background: url(../img/client/header-mid-2.jpg) no-repeat;
}
#middle-tarjoukset {
   height: 130px;
   background: url(../img/client/header-mid-1.jpg) no-repeat;
}
#middle-huolto {
   height: 130px;
   background: url(../img/client/middlepic-huolto.jpg) no-repeat;
}
#middle-yhteystiedot {
   height: 130px;
   background: url(../img/client/header-mid-2.jpg) no-repeat;
}
/* Content */
#contentwrap {
	width: 980px;
	background: #fff;
	overflow:hidden;
}
#content {
   background: #fff;
   min-height: 300px;
   float: left;
   width: 700px;
   padding: 15px 0 10px 20px;
}
#content h2, #content h1  {
   font-weight: normal;
   color: #003479;
   margin: 0 0 10px 0;
}
#content ul {
	font-size: 12px;
	margin: 3px 0 3px 20px;
	list-style: disc;
}
#content ul li {
	padding: 3px 0;
}
#sidebar {
	width: 220px;
   padding: 15px 0 25px 20px;
	float: left; 
}
#sidebar h3 { margin: 10px 0 10px 0; color: #1745a2; text-transform: uppercase; letter-spacing: 0.03em; }
#sidebar p { margin: 15px 0; }

/* Product categories */
#wrap-categories {
   width: 230px;
   float: left;
   background: #fff;
}
#sectionsearch h2 {
   line-height: 42px;
   font-size: 1.25em;
   padding: 0 0 0 10px;
   color: #03214e;
}

#nav-products {
   width: 220px;
   padding: 15px 0 10px 20px;
   float: left;
   font-size: 0.6875em;
}
.katso-varaosakirja { float: left; margin: 20px 0 0 20px; }
#sidebar #nav-products {
	width: 220px;
   padding: 0px 0 25px 0px;
	float: left;
}
#nav-products li {
   line-height: 34px;
}
#nav-products li.nav-products-activeparent {
	font-size: 16px;
}
#nav-products li.nav-products-activeparent li {
	font-size: 12px;
}
#nav-products li a {
   color: #153c77;
   font-weight: bold;
}
#nav-products li.current a { color: #333; font-weight: bold; }
#nav-products li.current li a { color: #666; font-weight: normal; }

#nav-products li li {
   line-height: 28px;
   border-bottom: none;
   background: none;
}
#nav-products li li a {
   color: #2a2a2a;
   font-weight: normal;
}
#nav-products li li a:hover {
   color: #000;
}
#nav-products li li li a:hover {
   color: #2a2a2a;
}
#nav-products li li ul {
   margin: 0 0 10px 0;
}
#nav-products li li li ul {
   margin: 0;
}
#nav-products li li li {
   margin: 0 0 0 15px;
   line-height: 24px;
}
#nav-products li li li li {
   line-height: 24px;
}
#nav-products li li li a {
   color: #666;
}
/* Content */
#breadcrumbs {
   float: left;
   clear: both;
   margin: 8px 0 8px 0;
   width: 710px;
   font-size: 0.75em;
}
#breadcrumbs li {
   color: #808080;
   float: left;
}
#breadcrumbs li a {
   color: #b2b2b2;
   padding: 0 10px 0 0;
   margin: 0 5px 0 0;
   background: url(../img/layout/breadcrumb.png) no-repeat right 6px;
}
#breadcrumbs li a:hover {
   color: #808080;
}
#productlist {
   margin: 20px 0 0 0;
}
.product-wrap {
   border-top: 1px solid #cdcdcd;
   clear: both;
}
.product-image {
   float: left;
   width: 140px;
   margin: 0 20px 0 0;
   padding: 10px 0;
}
.product-info {
   padding: 5px 0;
   width: 350px;
   float: left;
}
.product-info h3 {
   color: #244e95;
   font-weight: normal;
   margin: 5px 0 5px 0;
}
.product-info em {
   font-size: 0.75em;
   margin: 0 0 10px 0;
   display: block;
   color: #818181;
}
.product-info p {
   font-size: 14px;
}
.product-summary-right {
	float: right;
	border-left: 1px solid #ccc;
	width: 130px;
	margin: 10px 0 0 0;
	padding: 10px;
}
#product-detail .product-summary-right {
	float: left; width: 200px; border: none;
}
.product-price {
   float: left;
   width: 130px;
   text-align: right;
   font-weight: bold;
   font-size: 18px;
   color: #003479;
}
#offer .product-price, #offer .product-price-small {
	text-align: left;
}
.product-price-small {
   float: left;
   width: 129px;
   text-align: right;
   color: #545c67;
   font-weight: bold;
   font-size: 12px;
	margin: 3px 0 8px 0;
}
.product-price.discount {
   float: left;
   width: 129px;
   text-align: right;
   color: #545c67;
   font-weight: bold;
   font-size: 12px;
	margin: 3px 0 8px 0;
	text-decoration: line-through;
}
.product-basket {
   float: right;
   color: #545c67;
   font-weight: bold;
}
.product-basket .input1 {
   width: 30px;
   float: left;
   margin: 0;
   padding: 0;
}
.product-basket .input1 label {
   display: none;
}
.product-basket .input1 input {
	width: 20px;
	padding: 2px;
	margin: 0;
	text-align: center;
}
.product-basket .submit {
	width: 90px;
	float: right;
	text-align: right;
}
.product-basket .submit input {
	border: 1px solid #ccc;
	border-radius: 5px; -moz-border-radius: 5px;
	border: none;
	font-size: 11px;
	text-transform: uppercase;
	padding: 3px 5px; _padding: 3px 0;
	color: #fff;
	background: #003479;
}
.product-stock { font-size: 12px; line-height: 20px; color: #666; }
.product-stock div { float: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 10px; height: 10px; margin: 5px 8px 0 0; }
.product-stock-normal { background: green;}
.product-stock-low { background: orange; }
.product-stock-empty { background: red;}
/* Footer */
#footer {
   width: 980px;
   margin: 10px 0;
   float: left;
   clear: both;
   border-top: 4px solid #3a3a3a;
}
#footer img {
	float: left;
}
#footer p {
	text-align: right;
	clear: both;
	color: #666;
}
#footer #address {
	float: right;
	width: 500px;
}
#nav-footer {
   line-height: 30px;
   font-size: 0.6875em;
}
#nav-footer li {
   float:  left;
   padding: 0 20px 0 0;
   color:  #003479;
   font-weight: bold;
}
#nav-footer li a {
   color: #666;
   font-weight: normal;
}
/* Home blocks */
.home-block {
	width: 220px;
	float: left;
	margin: 15px 0 20px 20px;
	position: relative;
}
.home-block h3 {
	color: #1745a2;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin: 0 0 10px 0;	
}
.home-block img {
	margin: 0 0 10px 0;
}
.home-block h4 {
	color: red;
	font-size: 14px;
	margin: 0 0 5px;
}
.home-block h4 a {
	color: red;
}
.home-block h4 a:hover {
	color: orange;
}
.home-block p {
	font-size: 12px;
	color: #333;
}
.home-block .details{
	font-size: 12px;
}
.home-block .price {
	position: absolute;
	top: 163px;
	right: 0;
	line-height: 20px;
	padding: 5px 8px;
	background: #003194;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
/* News */
.news-summary {
	float: left;
	width: 220px;
	margin: 0 0 20px 0;
}
.summary-pic {
	text-align: right;
	margin: 5px 20px 5px 0;
}
.news-summary-date {
	width: 40px;
	float: left;
	text-align: center;
	padding: 0 10px 10px 0;
}
.news-summary-date em {
	float: left;
	width: 40px;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px 0;
	margin: 0 0 3px 0;
	font-style: normal;
	color: #666;
}
.news-summary-date b {
	float: left;
	width: 40px;
	font-size: 12px;
	color: #333;
}
.news-summary-text {
	float: right; display: inline;
	margin: 0 20px 0;
	width: 150px;
	font-size: 12px;
	line-height: 1.4em;
}
.content-news-summary {
	float: left;
	width: 700px;
	margin: 0 0 20px 0;
}
.content-news-summary .news-summary-date, #news-detail .news-summary-date {
	width: 40px;
	float: left;
	text-align: center;
	padding: 3px;
	border: 1px solid #ddd;
	margin: 0 15px 0 0;
}
.content-news-summary .news-summary-date em, #news-detail .news-summary-date em {
	float: left;
	width: 40px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px 0;
	margin: 0 0 3px 0;
	font-style: normal;
	color: #666;
}
.content-news-summary .news-summary-date b, #news-detail .news-summary-date b {
	float: left;
	width: 40px;
	font-size: 15px;
	color: #333;
}
.content-news-summary .news-summary-text {
	float: left;
	margin: 0;
	width: 600px;
}
.content-news-summary .news-summary-text p {
font-size: 14px;
line-height: 1.5em;
}
.content-news-summary h4 {
	font-size: 20px;
}
.news-detail-summary, .news-detail-text {
	margin: 0 0 0 65px;
}
.news-detail-summary img {
	float: right; margin: 0 0 10px 10px;
} 
.news-detail-summary p {
	font-weight: bold; font-size: 16px;
}
.news-detail-text {
}
h2 a {
	font-size: 12px;
}
/* Contact */
.yhteydenotto { padding: 0 0 0 0; width: 220px; overflow: hidden; float: left; }
.yhteydenotto div { padding: 0 0 6px 0; float: left; width: 200px; }
.yhteydenotto legend {
	display: none;
}
.yhteydenotto label {
	float: left;
	width: 100px;
}
.yhteydenotto input, .yhteydenotto textarea {
	float: left;
	width: 200px;
}
.yhteydenotto .submit input {
	width: auto;
}
.formsubmit {
	width: 200px;
	clear: both;
}
/* Other */
.error {
	float: left;
	padding: 10px 0;
}

/* Form Controls: Input Text */
input[type=text], input[type=password], textarea {
   border: 1px solid #ccc;
   padding: 3px;
   font-size: 14px;
   font-family: Lucida Grande;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  border: 1px solid #666;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.input1, .input2, .input3, .input4, .input5, .input6 {
	float: left;
	margin: 0 20px 0 0;
	line-height: 20px;
	display: inline;
}
.input1 input, .input2 input, .input3 input, .input4 input, .input5 input, .input6 input {
	float: left;
	margin: 2px 0 10px 0;
	line-height: 20px;
	display: inline;
}
.input1 label, .input2 label, .input3 label, .input4 label, .input5 label, .input6 label {
	color: #666;
	float: left;
	margin: 0 0 3px 0;
	line-height: 20px;
	display: inline;
	clear: both;
}
.nolabel input {
	margin: 25px 0 10px 0;
}
.input1 { width: 80px; }
.input1 input { width: 74px; }
.input2 { width: 180px; }
.input2 input { width: 174px; }
.input3 { width: 280px; }
.input3 input { width: 274px; }
.input4 { width: 380px; }
.input4 input { width: 374px; }
.input5 { width: 480px; }
.input5 input { width: 474px; }
.input6 { width: 580px; }
.input6 input { width: 574px; }
.error label {
	color: red;
}
.error input {
	background: #ffcccc;
	color: red;
}
small {
	font-size: 11px;
	color: #666;
}
/* Form Controls: Textarea */
.textarea2, .textarea3, .textarea4, .textarea6 {
	float: left;
	margin: 0 20px 0 0;
	line-height: 20px;
	display: inline;
}
.textarea2 textarea, .textarea3 textarea, .textarea4 textarea, .textarea6 textarea {
	float: left;
	margin: 2px 0 10px 0;
	line-height: 20px;
	display: inline;
}
.textarea2 label, .textarea3 label, .textarea4 label, .textarea6 label {
	color: #666;
	float: left;
	margin: 0 0 3px 0;
	line-height: 20px;
	display: inline;
	clear: both;
}
.nolabel input {
	margin: 25px 0 10px 0;
}
.textarea2 { width: 180px; }
.textarea2 textarea { width: 174px; }
.textarea3 { width: 280px; }
.textarea3 textarea { width: 274px; }
.textarea4 { width: 380px; }
.textarea4 textarea { width: 374px; }
.textarea6 { width: 580px; }
.textarea6 textarea { width: 574px; }
/* Form controls: Select */
.select2 {
	float: left;
	width: 180px;
	line-height: 20px;
	display: inline;
}
/* Form controls: Checkbox */
.check_0_6 {
	float: left;
	width: 15px;
	line-height: 20px;
	margin: 3px 10px 10px 0;
}
.check2 {
	float: left;
	width: 200px;
	line-height: 20px;
	margin: 3px 10px 10px 0;
}
.check4 {
	float: left;
	width: 400px;
	line-height: 20px;
	margin: 3px 10px 10px 0;
}
.check6 {
	float: left;
	width: 600px;
	line-height: 20px;
	margin: 3px 10px 10px 0;
}
/* Form Controls: Fieldset, Legend */
.fieldset2, .fieldset4, .fieldset6 {
	margin: 0 0 0 20px;
	float: left;
}
.fieldset2 {
	width: 180px;
}
.fieldset4 {
	width: 380px;
}
.fieldset6 {
	width: 580px;
}
fieldset {
	display: inline;
}
fieldset legend {
	color: #43758f;
	margin: 0 0 5px 0;
	line-height: 20px;
}
fieldset label {
	color: #666;
	font-size: 14px;
	margin: 0 20px 3px 0;
	line-height: 20px;
	clear: right;
}

/* Cart */

#cart {
	float: left;
	width: 710px;
	padding: 0 0 20px 0;
	margin: 5px 0 20px 0;
	font-size: 0.875em;
}
#cart th {
	padding: 0 0 5px 0;
	text-align: right;
}
th#cart-th-left {
	text-align: left;
	width: 500px;
}
#cart td {
	vertical-align: middle;
	min-height: 30px;
}
td.td-product-total, td.td-product-price, td.td-product-quantity {
	text-align: right;
}
td.td-product-quantity .input1 {
	float: right;
	width: 20px;
	height: auto;
	padding: 0;
	margin: 2px;
}
td.td-product-quantity .input1 input {
	float: right;
	width: 20px;
	text-align: center;
	margin: 0;
	font-size: 11px;
}
#cart-checkout {
	font-weight: bold;
	width: 152px;
	text-align: right;
	vertical-align: top;
}
td.td-product-remove {
	padding: 0 0 0 5px;
	width: 16px;
}
#cart-total {
	width: 700px;
	padding: 10px 0 15px 0;
	text-align: right;
	float: right;
	font-size: 14px;
	color: #666;
}
#cart-total-price {
	font-weight: bold;
	margin: 5px 0 0;
	font-size: 20px;
	color: #2a2a2a;
}
#cart-details h3 {
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 10px 0 5px 0;
	border-bottom: 1px solid #ccc;
}
#cart-details h3 a {
	float: right;
	font-size: 0.875em;
}
#cart-details p {
	padding: 2px 0 5px;
}
/* Checkout cart */
#cart-table {
	width: 608px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}
#cart-actions {
	padding: 20px 0;
}
#cart-accept a {
	padding: 20px 0 0 0;
	float: left;
	width: 104px;
}
#cart-emptycart a {
	padding: 20px 0 0 0;
	float: left;
	width: 97px;
}
#cart-accept-offer a {
	padding: 20px 0 0 0;
	float: left;
	width: 84px;
}
#cart-emptycart {
	float: left;
	width: 97px;
	height: 20px;
	overflow: hidden;
	background: url(../img/client/button-emptycart.png) no-repeat;
}

#cart-accept {
	float: right;
	width: 104px;
	height: 20px;
	overflow: hidden;
	background: url(../img/client/button-acceptorder.png) no-repeat;
}

#cart-accept-offer {
	float: right;
	width: 84px;
	height: 20px;
	overflow: hidden;
	background: url(../img/client/button-makeoffer.png) no-repeat;
}

#cart-refresh {
	float: right;
}
#osta_verkkomaksut {
	float:right;
}

#bill_order a {
	float: left;display: inline;
	background: #268C02;
	text-decoration: none;
	border: 1px solid #ccc;
   	border-radius: 15px; -moz-border-radius: 15px;
	border: none;
   font-family:"Trebuchet MS", Arial;
   font-size:14px;	text-transform: uppercase;
	padding: 10px 15px; margin: 10px 0 0 0;
	color: #fff;
}

/* Tuotenostot */
.special-wrap {
	float: left;
	width: 165px;
	margin: 0 0 0 10px;
	position: relative; display: inline;
}
.special-wrap h3 {
   font-size: 11px;
   line-height: 14px !important;
   color: #fff;
   padding: 6px 8px;
   line-height: 16px;
   margin: 0;
   height: 40px;
   -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
   text-align: center;
}
.special-wrap h3 a {
	color: #03214e;
}
.special-image {
	text-align: center;
	border: 1px solid #ccc;
	padding: 5px 0;
	height: 155px;
   -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px;
}

.special-price {
   font-size: 13px;
   color: #fff;
   font-weight: bold;
   text-align: right;
   padding: 6px 8px;
   position: absolute;
   bottom: 53px;
   right:0;
   background: rgba(0,0,0,0.8);
   -moz-border-radius-topleft: 5px;
}
/* Inputs */
.input_1_6, .input_2_6, .input_4_6, .input_6_6, .textarea_6_6 {
	padding: 0 0 5px 0;
	float: left;
}
.input_1_6 {
	width: 34px;
	padding: 0 0 5px 0;
}
.input_1_6 label {
	float: left;
	width: 84px;
}
.input_1_6 input {
	float: left;
	width: 34px;
	height: 20px;
	line-height: 20px;
	padding: 3px 0 0 0;
	border: none;
	text-align: center;
	color: #003172;
   background: url(../img/client/basket-inputamount.png) no-repeat;
}
.input_2_6 {
	width: 200px;
	padding: 0 0 5px 0;
}
.input_2_6 label {
	float: left;
	width: 200px;
}
.input_2_6 input {
	float: left;
	width: 150px;
}
.input_4_6 {
	width: 400px;
}
.input_4_6 label {
	float: left;
	width: 400px;
}
.input_4_6 input {
	float: left;
	width: 300px;
}
.input_6_6 {
	width: 600px;
}
.input_6_6 label {
	float: left;
	width: 100px;
}
.input_6_6 input {
	float: left;
	width: 500px;
}
.textarea_6_6 {
	width: 600px;
	float: left;
}
.textarea_6_6 label {
	float: left;
	width: 100px;
}
.textarea_6_6 textarea {
	float: left;
	width: 500px;
}
.radiowrap {
	float: left;
	width: 350px;
}
.radiowrap input {
	float: left; margin: 5px 3px; clear: left; margin: 0/px; *margin: 0px 0 3px; 
}
.radiowrap label {
	width: 300px; width: 320px/; float: right; margin/: 0px 0 0px; 
}
/* TinyMCE styles */
.mcecontentbody {
	background: none;
}
#tinymce p {
	font-size: 12px;
}
/* Simple Product Manager */
.product {
	width: 220px;
	float: left;
	margin: 15px 5px 10px 5px;
	position: relative;
}
.product h3 {
	color: #1745a2;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin: 0 0 10px 0;	
}
.product-image-thumb img {
	margin: 0 0 10px 0;
	width:  220px;
}
.summary-details {
	width: 220px; height: 80px;
}
.summary-info .price {
	position: absolute;
	top: 120px;
	right: 0;
	line-height: 20px;
	padding: 5px 8px;
	background: #003194;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
/* Google Map */
#map { width: 675px; height: 250px; border: 1px solid #ccc; margin: 0 0 20px 0; }

#search { float: left; width: 150px; height: 30px; }
.search input#searchstring { width: 90px; margin: 4px 5px 0 5px; height: 16px; }
#search div { float: left; display: inline; }
#search .submit { float: left; width: 40px; margin: 7px 0 0 0; }

#menu { width: 760px; overflow: hidden; float:left; }

/* Login
*****************/
.login { margin: 5px 0 0 0; width: 350px; float: right; clear: right;font-size: 12px; height: 50px; overflow: hidden; }
.login .input { width:  230px; float: left; margin: 0 0 5px 0; }
.login .input input { width: 88px; float: left; height: 12px; font-size: 11px; }
.login .input label { margin: 0 10px 0 0; width: 110px; float: left; line-height: 20px; text-align: right; }
.login-left { width: 230px; float: left; display: inline; }
.login-right { width: 100px; float: left; display: inline; _width: 80px;}
.login-right a { display: block; line-height: 20px; width: 100px; _width: 80px; text-align: center; background: #1745a2; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.login-right .submit { margin: 5px 0 0; } .login-right .submit input { width: 100px; }
.login h3 { margin: 5px 0 5px; }


/* Autocomplete
*****************/
ul.ui-autocomplete { width:280px; background-color:white; border:1px solid gray; margin-left:3px; margin-top:-4px; font-family:Helvetica, Arial,sans-serif; font-size: 11px; position: absolute; }
ul.ui-autocomplete li{ padding: 3px 5px; list-style:none; border-top:1px solid white; border-left:1px solid white; margin:0; }
ul.ui-autocomplete li:first-child{ border-top:none; }
ul.ui-autocomplete li:last-child{ border-bottom:none; }
ul.ui-autocomplete li a{ border:none !important; text-decoration:none !important; padding:2px; display:block; color:black; }
ul.ui-autocomplete li img{ margin-right:4px; }
ul.ui-autocomplete li span{ }
#ui-active-menuitem{ background-color:#efefef; cursor:pointer; }

/* Side
*****************/
.side { position: absolute; top: 10px; right: 0px; width: 46px; }
.side div { width: 46px; height: 152px; margin: 0 0 15px 0; overflow: hidden; }
.side div a { padding: 160px 0 0 0; display: block; }
.side div.fb { background: url(../img/client/side-fb.png) no-repeat; }
.side div.email { background: url(../img/client/side-email.png) no-repeat; }
.postituslista { margin: 10px 20px; width: 500px; padding: 10px; background: #eee; border: 1px solid #ccc; }
.postituslista div { width: 250px; float: left; }
.postituslista input[type=text] { width: 230px; }
.postituslista input[type=submit] { margin: 10px 0; }

/* Modal window
*****************/
#modalwindow #content { width: 570px; padding: 20px; }
#modal { background: #fff; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.4); -o-box-shadow: 0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4); box-shadow: 0 0 6px rgba(0,0,0,0.4); display: none; height: 300px; left: 50%; margin-left: -200px; position: absolute;
  top: 200px; width: 600px; }

#modal iframe {
  height: inherit;
  overflow: hidden;
  width: inherit;
}

.modal-close {
  background: #244E95;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
  display: block;
  font: bold 0.9em/1em 'Helvetica', 'Arial', sans-serif;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: -10px;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
  top: -10px;
  width: 20px;
  z-index: 999;
}

/* Paging
*****************/
.paging { padding: 20px 0; clear: both; }
#paging-prev, #paging-next { width: 10px; padding: 0 5px; float: left; }
#paging-num { float: left; }
#paging-num span { padding: 0 10px; }