/*  
Description: Tomax Scanning Solutions
Version: 1.0
Author: Liad Guez
Author URI: http://www.egstudio.biz/
*/

@import "navigation.css";

* 
	{	
	margin:0;
	padding:0;
	}
	
body
	{
	font: normal 12px  Arial;
	line-height: 1.4em;
	color: #808080;
	text-align:center;
	background-color:#f1f1f1;
	}

/*General Styles*/	
div.clear {clear:both; float: none; width: auto;}	
img {border:0;}
a:link, a:visited {text-decoration:none; color:#2177a4;}
a:hover {color:#66acda;}

h1 span, h2 span, h3 span {display: none;}
hr {display:block; margin: 5px 0 10px 0; clear:both; border:0;border-top:1px solid #e7e7e7; height:1px;}

.right {float:right;}	
.left {float:left;}	
.bold {font-weight:bold; color:#616161;}	
.date {font-size:0.9em;}


/*Basic layout*/

#container {width: 100%; background: url(../img/html-bg.jpg) repeat-x top left;}
#header {width:944px; text-align:left; margin:0 auto;}
#flashcontent {width:944px; margin:15px auto;}
#content {width:956px; margin:0 auto; text-align: left; line-height:1.6em;}
#footer {width:956px; margin:35px auto; text-align: left; border-top: 1px solid #dadada; padding:15px 0 30px 0; font-size:0.9em;}

/*Header*/

img.logo {float:left;}
ul.util {list-style:none; font-size:0.9em;}
ul.util li {display:block; text-align:right; float:right; padding:0 7px; background: url(../img/ul-divider.gif) no-repeat 0 5px;}
ul.util li.last {background:none;}

ul.util li img {margin-top:-5px;}

#footer .util li {padding: 0 7px;}

#header ul.util {position:relative; padding-top: 45px; margin-right:0;}
#header div.clear {height:20px;} 

div.search {position:absolute; left:50%; margin-left: 280px; top:91px; width:180px;}

div.search input.field {display:block;border:0; background: url(../img/search-bg.jpg) no-repeat top right; height:20px; width:148px; padding:3px; color:#dcdcdc; font-family: Arial; font-size: 0.9em;}
div.search input.search_submit {float:right;}

/*Footer*/

#footer ul.util {font-size:1em; float:right; width:225px;}
a.footerlogo:link,
a.footerlogo:visited {display: inline-block; float:left; margin-right:10px; width: 28px; height:55px; background: url(../img/minilogo.gif) no-repeat top left; }
a.footerlogo:hover {background-position: top right;}


/*Homepage definitions*/

div.mainpagecontent { background: url(../img/main-top-bg.jpg) no-repeat top left; padding-top:27px;}
div.mainpagecontent div.innertube { background: url(../img/main-body-bg.jpg) repeat-y top left; }
#home #content { background: url(../img/main-bottom-bg.jpg) no-repeat bottom left;  padding-bottom:27px;}

div.mainpagecontent div.col {float:left; width:290px; padding-left: 30px; margin-right: 25px;}
div.mainpagecontent div.news {width:200px; margin-right:0; margin-left:7px; }

div.news p {margin-bottom: 10px;}
div.news p img {margin:0 5px 0 0;}

div.mainpagecontent div.first img {height:auto; width:auto; border:1px solid #ccc; margin: 7px 0 7px 0;}
div.mainpagecontent div.second img { width:85px; border:1px solid #ccc; margin: 3px 10px 10px 0 ;}

div.col h1, div.col h2 {color:#8fb81c; font-size:16px; margin-bottom:5px; }
div.col h3{font-size:14px; font-weight:normal;}

a.lang:link, a.lang:visited {display:block; width:26px; height:21px; position:absolute; top:15px; right:50%; margin-right:-465px; z-index:10;}

a.en {background: url(../img/lang-en.gif) no-repeat;}
a.he {background: url(../img/lang-he.gif);}

/*Content page definitions*/

/*Submenu*/

#submenu {width:944px; text-align:left; margin:40px auto; height:107px; background: url(../img/content-header-bg.jpg) no-repeat top left;}
#submenu h1 {padding: 30px; font-size: 30px;}
#submenu h1 a:link, 
#submenu h1 a:visited, 
#submenu h1 a:hover {color:#fff; }


div.subnav {height:27px; margin-top: 5px; padding-left:20px;}

div.subnav a:link,
div.subnav a:visited,
div.subnav a:hover {display:inline-block; height:21px; color:#fff; margin-left:15px;}

div.subnav a.selected:link,
div.subnav a.selected:visited,
div.subnav a.selected:hover { background:url(../img/bg-subnav.png) no-repeat right 0;  height:25px;  position:relative; left:7px; color:#2f2f2f; font-weight:bold; padding-top:0;}

div.subnav a.selected span {display:block; background:url(../img/bg-subnav.png) no-repeat left 0; position:relative; padding: 4px 12px 4px 18px; right:7px;}

#contentpage #content { background: url(../img/content-bottom-bg.jpg) no-repeat bottom left;  padding-bottom:20px; margin-top:-40px;}
#contentpage #content div.innertube{ background: url(../img/content-body-bg.jpg) repeat-y bottom left; padding: 30px;}

/*Layout*/

div.maincol {width:63%; float:left;}
div.sidecol {width:30%; float:left; margin-left:7%;}

#contentpage div.innertube h2 {font-size:22px; font-weight:400; margin-bottom:5px; color:#92bb1f; }
#contentpage div.innertube h3 {font-size:16px; font-weight:normal; margin-bottom:5px; color:#92bb1f; }

div.sidecol a.banner {}

a.consulting:link,
a.consulting:visited {display:block; width:248px; height:66px; background: url(../img/consulting-banner.jpg) no-repeat top right ;}

a.support:link,
a.support:visited {display:block; width:256px; height:82px; background: url(../img/support-banner.jpg) no-repeat top right ;}

#content ul {list-style: url(../img/bullet-blue.png); margin: 10px 0 0 15px; line-height:1.8em;}
#content ol {margin: 10px 0 0 15px; line-height:1.8em;}


div.box {background: url(../img/box-bg.png) repeat-y 0 32px;}
div.box h4 { height:32px; background: url(../img/box-top.png) no-repeat top left; padding:7px 0 0 12px; font-size:1.1em;}
div.box .box-bottom { height:14px; background: url(../img/box-bottom.png) no-repeat top left;}
#content div.box ul {margin: 5px 0 0 25px;}

div.box form {padding: 5px 0 5px 15px;}
div.box form select {font: 1em normal Arial;}

/*Form*/
div.errors {padding:5px 10px 5px 10px; background-color:#ffe8e8; width:440px; color:#8a3535; border:solid 1px #e0b4b4;}

#commentForm {width:500px;}
#commentForm  label {display:block;}
#commentForm input, #commentForm textarea {margin-bottom:5px; width:200px; font-family:arial; padding:2px;}
#commentForm textarea {height:74px; font-size:12px;}
#commentForm input.submit {width: auto; float:right;}

#commentForm fieldset { width:250px; border:0; float:left; }
#commentForm  div.form_bottom {width:460px; margin-top:15px;}


#tableForm {margin-top:5px}
#tableForm input {width:10px; margin-right:10px;}

div.msgbox {margin: 10px 0 20px 0; padding: 2px 10px 2px 10px; border-width:1px; border-style:solid; cursor:pointer;}
div.sent {background-color:#e9f3ea; border-color: #d3e4d4;  }
div.error {background-color:#ffe4df; border-color: #e7dbd9;  }

/*Catalog*/

div.product-wrapper {background: url(../img/product-bg.jpg) top left;}
div.product-box {padding: 10px; height: 100px;}
div.product-box img {border:3px solid #e6e5e4; width:90px; margin-right:10px;}
div.product-box .photo {width:auto; border:0;}
div.product-box p span,
div.product-single p span {color:#3b3b3b;}
div.product-box span.product-header {font-weight: bold; font-size:1.2em;}

a.more-detail:link,
a.more-detail:visited {display:block; float:right; width:99px; height: 23px; background: url(../img/more-detail-btn.jpg) no-repeat top right; margin:10px 0 0 115px;}
a.more-detail:hover {background-position: bottom right;}

div.product-single {padding:10px 0;}
div.product-single img {}

span.enlarge{display:block;}


/* ---------- gallery styles start here ----------------------- */

.photo { width: 180px; border:3px solid #e6e5e4; float:left; margin-right:10px; position: relative; }
.photo img { background: #fff; width: 180px;}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	right: 12px;
	background: url(../img/photo.gif) no-repeat bottom left;
	}
	
.photo a { text-decoration: none; }
.photo a:hover span { background-position: top left; }

div.util-icons { margin-top:60px;}
div.util-icons a {margin-right:5px}

a.tooltip span {display:none;}

div.util-icons a.tooltip:link,
div.util-icons a.tooltip:visited {display:inline-block; width:22px; height:22px;}
div.util-icons a.tooltip:hover {background-position: bottom left;}

a.go 	{background: url(../img/go-ico.gif)}
a.mail 	{background: url(../img/mail-ico.gif)}
a.print {background: url(../img/print-ico.gif)}
a.man 	{background: url(../img/man-ico.gif)}

/* Tooltip */

#tooltip
	{
	position:absolute;
	background:#1d1d1d;
	
	padding:2px 5px;
	color:#f1f1f1;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	display:none;
	}	


#signupForm { width: 670px; }
#signupForm label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
}

#newsletter_topics label.error {
	display: none;
	margin-left: 103px;
}

/*Sitemap*/

#content ul.sitemap {margin:-10px  0 0 15px;}
#content ul.sitemap li {margin-top: 10px;}
#content ul.sitemap ul {margin:0 0 0 15px; list-style:decimal; list-style-image: none; line-height:1.6em;}
#content ul.sitemap ul li {margin-top:0;}


/*Pagination*/

#ditto_pages .ditto_currentpage,
#ditto_pages .ditto_page {display:inline-block; width:15px; text-align:center;}

/*results*/

#content ul.results {margin:10px 25px 0 0; list-style:decimal; list-style-image: none; line-height:1.8em;}

/*Share*/

div.share { float:right; }

/*Clients*/
div.client_container {width:912px;}
div.client {display:block; width:222px;   margin-top:10px; float:right; text-align:center; padding:5px 0 5px 0;}

#supportFormHeb .submitSupport {margin:0 0 0 10px; padding:0; width:50px; }
#supportFormHeb {background-color:#ededed; padding:10px; border: 1px solid #c6c6c6; width:520px;  }
#supportFormHeb input {padding: 1px 2px 1px 5px; margin: 0 10px 0 10px; border: 1px solid #c6c6c6; }
#supportFormHeb label {font-weight:bold; }


#logmeinsupport input[type=submit] {cursor: pointer; margin:0 10px 0 0; padding:0; width:50px}
#logmeinsupport input[type=submit] { float: right}
#logmeinsupport {background-color:#ededed; padding:10px; border:1px solid #c6c6c6; width:490px}
#logmeinsupport input {padding:1px 5px 1px 2px; margin:0 10px 0 10px; border:1px solid #c6c6c6}
#logmeinsupport label {font-weight:bold}


.stepcarouselHP
	{
	margin-top:10px;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 200px; /*Width of Carousel Viewer itself*/
	height: 100px; /*Height should enough to fit largest content's height*/
	padding: 0 5px;
	}

.stepcarouselHP .beltHP {position: absolute; /*leave this value alone*/ left: 0; top: 0; }

.stepcarouselHP .panel img
	{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 0 0 -20px; /*margin around each panel*/
	width: 230px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. *
	}

.stepcarousel
	{
	margin-top:10px;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 230px; /*Width of Carousel Viewer itself*/
	height: 100px; /*Height should enough to fit largest content's height*/
	padding: 0 5px;
	}

.stepcarousel .belt {position: absolute; /*leave this value alone*/ left: 0; top: 0; }

.stepcarousel .panel
	{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 230px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. *
	}