@charset "utf-8";

/*** clear fix ***/
* { margin:0; padding:0; border:0; }
td, th, div { text-align:left; }
input, textarea { border: 1px solid #999; padding:2px; }
input { padding:2px; }
select { border: 1px solid #999; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 
.clearfix {
	display: inline-block;
} 
html[xmlns] .clearfix {
	display: block;
} 
* html .clearfix {
	height: 1%;
}

/** GLOBAL **/
.floatLeft,  .fL { float:left; }
.floatRight, .fR { float:right; }
.center     { margin-right:auto; margin-left:auto; text-align: -moz-center; text-align:center; }
.textCenter { text-align: center; }
.divCenter  { margin:0px auto; padding:0px; text-align:left; }
.right      { text-align: right;  }
.left       { text-align: left;   }
.nowrap     { white-space:nowrap; }
.textTop    { vertical-align:text-top; }
.justify    { text-align:justify; }
.bold       { font-weight: bold;  }
.posRel		{ position: relative; }
.posAbs		{ position: absolute; }
.overSize	{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

img { border:0; }
a { text-decoration: none; font-weight: bold; color: #666; }
a:hover { text-decoration: underline; }

/*** default ***/
body {
	background-color: #fff;
	color: #666;
	font-family: Arial;
	font-size: 12px;	
}

.comment {
	font-size: 11px;
	color: #666;	
}

/*** Slider ***/
.jcarousel-skin-ar .jcarousel-container {
}

.jcarousel-skin-ar .jcarousel-container-horizontal {
    width: 628px;
}
.jcarousel-skin-ar .jcarousel-clip-horizontal {
	margin-left: 50px;
	margin-right: 50px;
    width:  530px;
}

.jcarousel-skin-ar .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-skin-ar .jcarousel-item {
}

.jcarousel-skin-ar .jcarousel-item:hover {
}

.jcarousel-skin-ar .jcarousel-item-horizontal {
    margin-right: 2px;
}

.jcarousel-skin-ar .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ar .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 43px;
    height: 90px;
    cursor: pointer;
    background: transparent url(/templates/images/services/arrowRight.png) no-repeat 0 0;
}

.jcarousel-skin-ar .jcarousel-next-horizontal:hover {
}

.jcarousel-skin-ar .jcarousel-next-horizontal:active {
}

.jcarousel-skin-ar .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ar .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ar .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-ar .jcarousel-prev-horizontal {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 43px;
    height: 90px;
    cursor: pointer;
    background: transparent url(/templates/images/services/arrowLeft.png) no-repeat 0 0;
}

.jcarousel-skin-ar .jcarousel-prev-horizontal:hover {
}

.jcarousel-skin-ar .jcarousel-prev-horizontal:active {
}

.jcarousel-skin-ar .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ar .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ar .jcarousel-prev-disabled-horizontal:active {
}

.jcarousel-skin-ar .jcarousel-control {
	margin: 20px;
	text-align: center;
	clear: both;
	height: 15px;
	text-align: center;
}
.jcarousel-skin-ar .jcarousel-control a {
	width: 12px;
	height: 12px;
	background: url(/templates/images/navigationDot.png) no-repeat 0 0;
	margin-right: 4px;
}
.jcarousel-skin-ar .jcarousel-control a.selected,
.jcarousel-skin-ar .jcarousel-control a:hover,
.jcarousel-skin-ar .jcarousel-control a:active {
	background: url(/templates/images/navigationDotSelected.png) no-repeat 0 0;
}