﻿/*----------------------------------------------------------------
Basic Stylesheet for Tasgiv site

version: 1.0
Author: Ido Dekkers
email: ido@imagine-design.co.il
Web: http://www.imagine-design.co.il

----------------------------------------------------------------*/
body 
{
    margin: 0;
    padding: 0;
    height:100%;
}
#wrapper
{
    width:1000px;
    margin: 0 auto;
    height:100%;
}
a[href^="http:"]
{
    float:right;
    padding-right:10px;
    background:url(/site_images/externalLink.gif) no-repeat right top;
}

/*  Header
----------------------------------------------------------------*/
#header
{
    position:fixed;
    width:1000px;
    height:120px;
    top:0;
    z-index:19;
}
.logo img
{
    border:none;
}
.tLogo
{
    margin:0 0 10px 20px;
}
.flash
{
    margin-left:70px;
}
.Header_flash
{
    position:absolute;
    top:17px;
    left:435px;
}

/*  Navigation
----------------------------------------------------------------*/
.navigation
{
    width:980px;
    margin:-5px 0 0 20px;
	height:35px;
}
#nav, #nav ul 
{
	padding:5px 0px 5px 10px;
    margin-top:4px;
	list-style: none;
	position:absolute;
	z-index:10;
}
#nav a 
{
	display: block;
	padding:0;
	margin:0;
}
#nav li 
{
	float: left;
	padding-left:12px;
}
#nav li ul 
{
	position: absolute;
	margin:0;
	padding:10px 0 0 0;
	left: -10000px;
	border:none;
	width:400px;
	z-index:10;
}
#nav li ul li
{
    float:left;
    width:auto;
    margin:0;
    padding:0;
}
#nav li:hover ul, #nav li.sfhover ul 
{
	left: auto;
	z-index:10;
}
#nav li ul li a
{
    width:95px;
    padding: 130px 0px 5px 10px;
    margin:0;
    text-align:center;
}

/*  Content
----------------------------------------------------------------*/
#content
{
    width:980px;
    margin:100px 0 0 20px;
    position:relative;
    float:right;
}


/*  Application
----------------------------------------------------------------*/
.app_content
{
    border-width:5px;
    border-style:solid;
    width:970px;
    height:100%;
    min-height:470px;
    margin:45px 0 0 0px;
    position:relative;
    float:right;
}
.app_left
{
    width:100px;
    position:relative;
    float:left;
}
.main_icon_left
{
    margin:20px 0 0 -5px;
    display:block;
    text-align:center;
}
.main_icon_left img
{
    border:none;
    margin-left:15px;
}
.main_icon_left span
{
    margin-left:5px;
}
.app_right
{
    position:relative;
    float:left;
    z-index:0;
}
.sec_nav
{
	list-style: none;
	margin:0;
}
.sec_nav a
{
    width:110px;
    padding: 123px 0px 49px 0px;
    margin:0;
    text-align:center;
    display:block;
	z-index:1;
}
.sec_nav li 
{
	width:110px;
}
#sterilization a
{
    position:absolute;
    left:10px;
	z-index:1;
	width:100px;
}

#Pliquids a
{
    position:absolute;
    left:120px;
	z-index:1;
	width:100px;
}
#food_sub_menu #Pliquids a
{
    left:10px;
	width:100px;
}
#cosmetics_sub_menu #Pliquids a
{
	width:100px;
}

#Psolids a
{
	width:100px;
    position:absolute;
    left:230px;
	z-index:1;
}
#food_sub_menu #Psolids a
{
	width:100px;
    left:120px;
}
#cosmetics_sub_menu #Psolids a
{
	width:100px;
}


#Ppackaging a
{
	width:100px;
    position:absolute;
    left:340px;
	z-index:1;
}
#food_sub_menu #Ppackaging a
{
    left:230px;
	width:100px;
}
#cosmetics_sub_menu #Ppackaging a
{
	width:100px;
}


#labeling a
{
	width:100px;
    position:absolute;
    left:450px;
	z-index:1;
}
#food_sub_menu #labeling a
{
    left:340px;
}
#inspection a
{
	width:100px;
    position:absolute;
    left:560px;
	z-index:1;
}
#food_sub_menu #inspection a
{
    left:450px;
}
#Spackaging a
{
	width:100px;
    position:absolute;
    left:670px;
	z-index:1;
}
#food_sub_menu #Spackaging a
{
    left:560px;
}
.subCat
{
    margin:200px 0 0 -10px;
}
.blSubCat
{
    list-style-type:circle;
    cursor:pointer;
}
.down_arrow
{
    margin:10px 0 0 40px;
}
.app_data
{
    width:850px;
    margin:10px 0 0 10px;
    float:left;
}
.app_data_header
{
    width:845px;
    margin:0px 0 0 125px;
}
.app_data_headline
{
    height:75px;
}
.app_data_headline span
{
    display:block;
    padding:30px 0 0 30px;
    vertical-align:middle;
}
.app_table_header
{
    height:25px;
    width:845px;
}
.app_table_data
{
    width:845px;
    float:left;
    margin-left:15px;
}
.float_left
{
    float:left;
    width:420px;
    margin-left:15px;
}
.Supplier
{
    width:150px;
    float:left;
    padding-left:10px;
}
.Supplier a
{
    float:left;
}
.Supplier img
{
    width:120px;
    border:none;
}
.Model
{
    width:160px;
    float:left;
    padding-left:10px;
}
.Description, .Description label, .Description span
{
    width:295px;
    float:left;
    padding-left:10px;
}
.Furthur
{
    width:120px;
    float:left;
    margin:0;
    padding:0;
    padding-left:10px;
}
.Furthur label, .Furthur a
{
    width:180px;
    float:left;
    margin:0;
    padding:0;
}
.float_left
{
    float:left;
    width:850px;
}
.app_table_data .Model,.app_table_data .Description,.app_table_data .Supplier
{
    height:100px;
    border-right-style:solid;
    border-right-width:2px;
}
.machine
{
    border-width:1px;
    border-style:solid;
    width:860px;
    float:right;
}
.data_header
{
    width:860px;
    float:right;
}
.data_headline
{
    height:35px;
    padding:40px 0 0 20px;
}

/* Contact
----------------------------------------------------------------*/
.contact_content
{
    width:980px;
    height:470px;
    margin:45px 0 0 0px;
}
.contact_left
{
    width:600px;
    position:relative;
    float:left;
}
.contact_right
{
    border-width:5px;
    border-style:solid;
    height:455px;
    width:313px;
    margin-left:55px;
    position:relative;
    float:left;
}
.contact_info
{
    border-width:5px;
    border-style:solid;
    width:580px;
    margin-bottom:25px;
    padding:5px 0 5px 10px;
}
.contact_form
{
    border-width:5px;
    border-style:solid;
    width:580px;
    padding:5px 0 10px 10px;
}
.btnSubmit
{
    border-width:2px;
    border-style:solid;
    width:130px;
    margin-left:413px;
}
.contact_circles
{
    position:absolute;
    top:20px;
    left:570px;
    z-index:9;
}
.contact_form label
{
    display:block;
    margin:0;
}
.contact_form label input,.contact_form label textarea
{
    float:right;
    margin:0 10px 0 0;
}


/*  About
----------------------------------------------------------------*/
.about_content
{
    border-width:5px;
    border-style:solid;
    width:970px;
    height:470px;
    margin:45px 0 0 0px;
}
.about_content_text
{
    width:850px;
    margin:30px 0 0 40px;
}
.about_content h1
{
    padding:2px 0 2px 20px;
}
.about_content_text_bottom
{
    position:relative;
    float:left;
    width:500px;
}
.about_content_img
{
    position:relative;
    float:left;
    margin:20px 0 0 20px;
    border-bottom-style:solid;
    border-bottom-width:15px;
}
.about_content_img img
{
    padding:0;
    margin:0 0 -5px 0;
}

/* Home
----------------------------------------------------------------*/
.home_content
{
    width:980px;
    margin:45px 0 0 0px;
}
.home_left
{
    border-width:5px;
    border-style:solid;
    width:220px;
    height:355px;
    position:relative;
    float:left;
}
.home_center
{
    border-width:5px;
    border-style:solid;
    width:440px;
    height:355px;
    margin-left:25px;
    position:relative;
    float:left;
}
.home_circles
{
    position:absolute;
    top:20px;
    left:673px;
    z-index:9;
}
.home_news
{
    border-width:5px;
    border-style:solid;
    height:355px;
    width:210px;
    margin-left:55px;
    position:relative;
    float:left;
}
.home_more_info
{
    border:none;
    cursor:pointer;
}
.news_header
{
    padding:25px 0 0 20px;
    margin-top:-10px;
    display:block;
}
.search
{
    margin-left:170px;
    width:250px;
    height:20px;
}
.search label
{
    display:block;
    padding:0 0 0 4px;
    width:70px;
    float:left;
}
.tbSearch
{
    margin-bottom:3px;
    height:18px;
    border:none;
    float:left;
}
/* the news box */
#news
{
    height:290px;
    width:210px;
    margin-top:15px;
}
#news ul
{
	margin:0 .5em 0 1em;
	padding:0;
}
/* the news box when JavaScript is available */
#news.hasJS
{
	height:290px;
	overflow:hidden;
	position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
	position:absolute;
	top:180px;
	left:0;
	list-style:none;
}


/* Suppliers
----------------------------------------------------------------*/
.supp_content
{
    border-width:5px;
    border-style:solid;
    width:970px;
    margin:45px 0 0 0px;
    float:left;
}
.supp_data
{
    width:970px;
    float:left;
    padding-top:10px;
}
.supp_data_header
{
    width:970px;
    float:left;
    margin-top:-10px;
}
.supp_data_headline
{
    height:65px;
    padding:10px 0 0 20px;
}
.supp_data_headline span
{
    display:block;
    margin-top:-15px;
}
.supp_table_header
{
    height:22px;
    padding-top:3px;
}
.supp_Supplier
{
    width:200px;
}
.supp_Description
{
    border-left-width:1px;
    border-left-style:solid;
    width:370px;
}
.supp_Furthur
{
    border-left-width:1px;
    border-left-style:solid;
    width:220px;
}
.supp_machine_name, .supp_manufacturer, .supp_machine_link, .supp_machine_desc
{
    padding-left:20px;
    border-width:1px;
    border-style:solid;
}
.supp_machine_name, .supp_machine_link
{
    width:15%;
}
.supp_manufacturer
{
    padding-bottom:10px;
    padding-top:10px;
    width:15%;
}
.sup_name
{
    margin-top:5px;
}
.sup_logo img
{
    width:125px;
}
.tbdesc
{
    border:none;
    width:430px
}
.supp_machine
{
    border-width:1px;
    border-style:solid;
    width:970px;
    padding-bottom:20px;
    float:left;
}
.supp_machine th
{
    padding-top:3px;
}

/* News
----------------------------------------------------------------*/
.news_content
{
    width:980px;
    height:470px;
    margin:50px 0 0 0px;
}
.news_left
{
    border-width:5px;
    border-style:solid;
    width:580px;
    height:445px;
    margin-bottom:25px;
    padding:5px 0 5px 10px;
    position:relative;
    float:left;
}
.news_right
{
    border-width:5px;
    border-style:solid;
    height:455px;
    width:313px;
    margin-left:55px;
    position:relative;
    float:left;
}
.news_circles
{
    position:absolute;
    top:25px;
    left:570px;
    z-index:9;
}

/*  Content Search resualts
----------------------------------------------------------------*/
#resaults
{
    border-width:5px;
    border-style:solid;
    width:970px;
    margin:35px 0 0 0px;
    float:left;
}
.res_data
{
    width:970px;
    float:left;
    padding-top:10px;
}
.res_data_header
{
    width:970px;
    float:left;
    margin-top:-13px;
}
.res_data_headline
{
    height:75px;
}
.res_data_headline label
{
    display:block;
    padding:30px 0 0 30px;
    vertical-align:middle;
}
.res_table_header
{
    height:22px;
    padding-top:3px;
}
.res_Supplier
{
    width:200px;
}
.res_Description
{
    border-left-style:solid;
    border-left-width:1px;
    width:370px;
}
.res_Furthur
{
    border-left-width:1px;
    border-left-style:solid;
    width:220px;
}
.res_data_headline h2
{
    display:block;
    padding:30px 0 0 30px;
    vertical-align:middle;
}
.res_machine, .res_supp
{
    border-style:solid;
    border-width:1px;
    width:970px;
    padding-bottom:20px;
    float:left;
}
.res_machine th
{
    padding-top:3px;
}
.res_machine_name, .res_manufacturer, .res_machine_link
{
    padding-left:20px;
    border-style:solid;
    border-width:1px;
}

/*  Footer
----------------------------------------------------------------*/
#footer
{
    position:relative;
    float:left;
    width:1000px;
}
.linktoimagine
{
    padding:20px 0 0 20px;
    float:left;
    width:800px;
}
#footer a, .float
{
    float:left;
}