/*----------------------------------------------------------------
Basic Stylesheet for Artis site
version: 1.0
Author: Eran Gans
email: eran@artis.co.il
Web: http://www.artis.co.il
basic colors :
dark green = 006a24
light green = abe34c
mid green = 4da72d
gray = d2d2d2
dark gray = 666666
/*border: 1px solid #000000;*/
/*----------------------------------------------------------------*/
body 
{
background-color: #ffffff;
color: #000000;
font-size: 62.5% ;
line-height: 1.2em; 
font-family: Arial;
border: 0px;
margin: 0px; 
padding: 0px;
background-image: url(images/gray_bg.jpg);
}
a {color: #006a24;}
a:hover {color: #666666;}

a.note {color: #0000ff; font-size:10px;}
a.note:hover {color: #666666;}

img {border: 0px;}
strong {font-weight: bold;}
td {text-align:center;}
h1 
{
font-weight: bold;
display:inline;
font-size: 1.2em;
line-height: 1.2em; 
}
h2 
{
font-size: 1.1em;
line-height: 1.1em; 
font-weight: bold;
display:inline;
}
#wraper
{
position: absolute;
height: 563px;
width: 960px;
top: 50%; 
right: 50%; 
margin-top: -281px;
margin-right: -479px;
margin-left: auto;
background-color:#ffffff;
border: 0px solid #666666;
font-size: 1.3em ;
line-height: 1.4em;
background-image: url(images/wraper_bg.jpg);
}
#logo
{
position: absolute;
top: 0px;
left: 61px;
color: #000000;
}
#searchform
{
position: absolute;
width: 320px;
height: 260px;
top: 10px;
left: 25px;
color: #000000;
}
.searchform
{
color: #000000;
font-weight: bold;
font-size: 12px;
line-height: 25px; 
}
.searcinput
{
width: 240px; 
border: 1px solid #006a24;
}
.colorinput
{
width: 240px; 
border: 1px solid #ffffff;
background-color:#006a24;
color: #ffffff;
}
.mybut 
{
width: 60px;
border: 1px solid #ffffff; 
background-color: #006a24; 
color: #ffffff; 
font-size: 12px;
font-weight: bold;
cursor: pointer;
text-align: center;
}
.mybut:hover 
{
width: 60px;
border: 1px solid #ffffff; 
background-color: #ffffff; 
color: #006a24; 
font-size: 12px;
font-weight: bold;
cursor: pointer;
text-align: center;
}
.mybut1 
{
background-color: #ffffff; 
color: #006a24; 
}


fieldset.searchfieldset
{
border: 1px solid #006a24;
padding: 5px;
}
legend.searchfieldset
{
color: #000000; 
}









#menu1
{
position: absolute;
top: 11px;
left: 220px;
width:700px;
height: 18px;
}
ul.menu1 
{ 
list-style-type : none;
color: #006a24;
font-size: 1.1em;
line-height: 1.1em; 

}
ul.menu1 li 
{ 
float: left;
margin-right: 5px;

}
ul.menu1 li a
{ 
color: #006a24;
text-decoration: none;
font-weight: bold;
}
ul.menu1 li a:hover
{ 
color: #000000;
text-decoration: none;
}
#menu2
{
position: absolute;
top: 39px;
left: 220px;
width:640px;
height: 18px;
z-index:99;
color: #006a24;
}





#menu3
{
position: absolute;
top: 68px;
left: 220px;
width:740px;
height: 15px;
z-index:9;
color: #ffffff;
}

a.whitehand
{
color: #ffffff;
font-size: 15px;
line-height: 15px; 
font-weight: bold;
text-decoration:none;
cursor: pointer;
}
a.whitehand:hover
{
color: #abe34c;
}
.searchform3
{
color: #ffffff;
font-size: 12px;
line-height: 12px; 
position: absolute;
top: 1px;
left: 280px;
}
.searchinput3
{
width: 140px; 
border: 0px solid #abe34c;
font-size: 10px;
line-height: 10px;
height: 11px;

position: absolute;
top: 0px;
left: 145px;
}
.mybut3 
{
width: 60px;
border: 0px solid #ffffff; 
background-color: #abe34c; 
color: #006a24; 
cursor: pointer;
text-align: center;
font-size: 10px;
line-height: 12px;
height: 13px;
font-weight: normal;

position: absolute;
top: 1px;
left: 570px;
}
.mybut3:hover 
{
background-color: #ffffff; 
color: #000000; 
}
a.adv
{
position: absolute;
top: -2px;
left: 635px;
    color: #ffffff; 
    font-size: 12px;
}







#viewcart
{
position: absolute;
top: 0px;
right: 0px;
}
#maincontent
{
position: absolute;
top: 101px;
right: 10px;
width:718px;
height: 430px;
overflow:auto;
padding: 5px;
}




/*massege start*/
#massege
{
position: relative;
margin-right: 5px;
width: 695px;
}
#massege-top
{
position: relative;
width: 695px;
height:5px;
background-image: url(images/m-top.jpg);
background-repeat:no-repeat;
}
#massege-center
{
position: relative;
padding-left: 10px;
padding-right: 10px;
width: 675px;
background-image: url(images/m-center.jpg);
color: #ffffff;
}
#massege-bottom
{
position: relative;
width: 695px;
height:5px;
background-image: url(images/m-bottom.jpg);
background-repeat:no-repeat;
}
a.white 
{
position: relative;
color: #ffffff;
float:right;
margin-top:0px;
}
a.white:hover 
{
color: #abe34c;
}
a.white1 
{
position: relative;
color: #ffffff;
margin-top:-20px;
}
a.white1:hover 
{
color: #abe34c;
}
/*massege end*/


/*prod item start*/
.item
{
position: relative;;
margin-right: 5px;
float: left;
width:342px;
height: 120px;
overflow:auto;
}
.prodimg
{
position: absolute;
top: 5px;
left: 5px;
}
.bottomstrip
{
position: absolute;
top: 115px;
left: 3px;
}
.leftstrip
{
position: absolute;
top: 5px;
left: 115px;
}
.rightstrip
{
position: absolute;
top: 5px;
left: 340px;
}
h1.prodtitle
{
position: absolute;
top: 5px;
left: 125px;
color: #006a24;
font-size: 1.1em;
line-height: 1.1em; 
font-weight: bold;
}
.price
{
position: absolute;
top: 30px;
left: 125px;
color: #4da72d;
font-size: 1.1em;
line-height: 1.1em; 
font-weight: bold;
}
.more
{
position: absolute;
top: 58px;
left: 125px;
color: #006a24;
font-size: 1.1em;
line-height: 1.1em; 
font-weight: bold;
width: 130px;
height: 20px;
}
.cart
{
position: absolute;
top: 85px;
left: 125px;
color: #006a24;
font-size: 1.1em;
line-height: 1.1em; 
font-weight: bold;
width: 130px;
height: 20px;
}
.cart-image
{
position: absolute;
top: 83px;
left: 125px;
color: #006a24;
font-size: 1.1em;
line-height: 1.1em; 
font-weight: bold;
width: 200px;
height: 20px;
}
.fr
{
position: relative;;
float: right;
margin-top:0px;
}
a.prodlink
{
text-decoration: none;
color: #006a24;
}
a.prodlink:hover
{
color: #000000;
}
/*prod item end*/


/*big prod item begin*/
.bigprodpic
{
position: relative;
clear:both;
float: left;
padding:5px;
}
h1.producttitle
{
position: relative;
color: #ffffff;
font-size: 1.2em;
line-height: 1.2em; 
font-weight: bold;
display:inline;
}


.productcart
{
position: relative;
top:5px;
clear:both;
}
.productartist
{
position: relative;
clear:both;
}
img.prodartist
{
border: 1px solid #006a24;
float: right;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 5px;
}

.productsubj
{
position: relative;
clear:both;
}
.productlink
{
position: relative;
clear:both;
}
.productprice
{
position: relative;
clear:both;
}
.productcode
{
position: relative;
clear:both;
}
/*big prod item end*/



/*content page stert*/
h1.pagetitle
{
color: #ffffff;
font-size: 1.2em;
line-height: 1.2em; 
font-weight: bold;
}



ul.pagelist 
{ 
list-style-type:none;
color: #000000;
font-size: 1.0em;
line-height: 1.0em; 
margin-left: 0px;
}
ul.pagelist li 
{ 
margin-left:10px;
margin-right:0px;
line-height: 1.4em; 
padding-left:10px;
float: left;
width:150px;



background-image: url(images/bul.jpg);
background-repeat:no-repeat;
background-position: left center;


}
ul.pagelist li a
{ 
display:block;
color: #000000;
text-decoration: none;
}
ul.pagelist li a:hover
{ 
color: #abe34c;
text-decoration: none;
}




#textcontent
{
position: relative;
margin-left: 5px;
width: 695px;
}

h1.arttitle
{
clear: both;
position: relative;
color: #006a24; 
font-size: 1.2em;
line-height: 1.2em; 
font-weight: bold;
display:inline;
}
.date
{
color: #abe34c; 
font-size: 1.0em ;
line-height: 1.1em 
}
.short
{
font-weight: bold;
color: #4da72d;
}
.imgp
{
position: relative;
clear: both;
float: right;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 0px;
}



h2.itemtitle
{
position: relative;
clear: both;
font-weight: bold;
margin-top:0px;
display:block;
}


/*content page end*/

/*--------------site-map--------------------*/
ul.sitmap
{
margin-left: 15px;
color: #000000;
list-style: circle;
}
ul.sitmap li
{
margin-left: 5px;
cursor: pointer;
}
/*--------------site-map--------------------*/



/*--------------contact-us start--------------------*/
label.member
{
position: relative;
font-weight: bold;
width: 600px;
display: block;
}
input.member
{
float: right;
margin-top: 0px;
width: 320px; 
border: 1px solid #006a24;
}
input.member1
{
float: right;
margin-right: 0px;
margin-top: 0px;
width: 320px; 
border: 1px solid #006a24;
}
textarea.member
{
float: right;
margin-top: 0px;
width: 320px; 
border: 1px solid #006a24;
}
select.member
{
float: right;
margin-top: 0px;
width: 320px; 
border: 1px solid #006a24;
}
input.mybut2 
{
position: relative;
top: 20px;
width: 600px;
border: 1px solid #006a24; 
background-color: #006a24; 
color: #ffffff; 
font-size: 12px;
font-weight: bold;
cursor: pointer;
text-align: center;
display: block;
}
.error
{
color: #ef6e40;
font-weight: bold;
}
.noerror
{
color: #006a24;
font-weight: bold;
}
.comment
{
color: #abe34c;
}
/*--------------contact-us end--------------------*/

/*--------------cart start--------------------*/
table.cart
{
position: absolute;
top:5px;
left:0px;
width:100%;
border: 0px solid #000000;
text-align:left;
border-collapse: collapse;
}
table.cart th
{
background-color: #006a24;
color: #ffffff;
font-weight: bold;
padding: 3px;
text-align: center;
border: 1px solid #000000;
}
table.cart td
{
border: 1px solid #000000;
text-align:left;
padding: 3px;
}
legend
{
font-weight: bold;
color: #006a24;
font-size: 1.1em ;
line-height: 1.1em;
}
fieldset
{
border: 1px solid #006a24;
padding: 5px;
}
#tdcheckout
{
background-color: #006a24;
text-align: center;
}
a.whitebold
{
color: #ffffff;
font-weight: bold;
}
a.whitebold:hover
{
color: #abe34c;
font-weight: bold;
}


table.cart2
{
position: relative;
width:100%;
border: 0px solid #000000;
text-align:left;
border-collapse: collapse;
}
table.cart2 th
{
background-color: #006a24;
color: #ffffff;
font-weight: bold;
padding: 3px;
text-align: center;
border: 1px solid #000000;
}
table.cart2 td
{
border: 1px solid #000000;
text-align:left;
padding: 3px;
}
/*--------------cart end--------------------*/


#wraper-pop
{
position: absolute;
height: 525px;
width: 790px;
top: 0px; 
left:  0px; 
background-color:#ffffff;
border: 0px solid #666666;
font-size: 1.3em ;
line-height: 1.4em;
background-image: url(images/popup-bg.jpg);
}
#maincontent-pop
{
position: absolute;
top: 52px;
right: 25px;
width:710px;
height: 430px;
overflow:auto;
padding: 5px;
background-color:#ffffff;
}


/*--------------bigpic--------------------*/
#bigpic
{
position: absolute;
z-index: 99;
top: 30px;
left: 30px;
width: 420px;
height: 420px;
display: none;
}
#divtop
{
width:420px;
height: 12px;
background-image: url(images/top.gif);
background-repeat:no-repeat;
background-position: left bottom;
}
#divbottom
{
width:420px;
height: 12px;
background-image: url(images/bottom.gif);
background-repeat:no-repeat;
background-position: left top;
}
#divcenter
{
width:418px;
text-align: center;
background-color: #ffffff;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
div.alignright
{
text-align: right;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 5px;
}
a.hand
{
cursor: pointer;
}
/*--------------bigpic--------------------*/




/*--------------arts--------------------*/
#arts
{
position: absolute;
z-index: 99;
top: 30px;
left: 30px;
width: 420px;
height: 420px;
display: none;
}
#divtoparts
{
width:800px;
height: 12px;
background-image: url(images/toparts.gif);
background-repeat:no-repeat;
background-position: left bottom;
}
#divbottomarts
{
width:800px;
height: 12px;
background-image: url(images/bottomarts.gif);
background-repeat:no-repeat;
background-position: left top;
}
#divcenterarts
{
width:798px;
text-align: center;
background-color: #ffffff;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
div.alignright
{
text-align: right;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 5px;
}
a.hand
{
cursor: pointer;
}


#tblarts 
{
    position: relative;
top: 0px;
left: 10px;
}



#tblarts td
{
    text-align: left;
    padding: 4px;
}



/*--------------arts--------------------*/


/* credit begin  */
#credit
{
position: absolute;
top: 563px;
left: 0px;
color: #000000;
}
a.artis
{
color: #000000;
text-decoration: none;
}
a:hover.artis
{
color: #ffffff;
text-decoration: none;
}
/* credit end */

/* offsets begin  */

ul.offset { 
  font-size : 1.0em;
  list-style-type : none;
}
ul.offset li { 
  float: right;
  margin-left: 10px;
}
#jumpplace
{
position:relative;
top: 0px;
margin-top:-20px;
width: 780px;
height: 20px;
background-color:#ffffff;
}
/* offsets end */


/* suckerfish starts */

#nav, #nav ul { /* all lists */
position:absolute;
z-index:10;
margin: 0px 0px 0px 0px;
line-height: 1;
padding:0px 0px 0px 0px;
list-style: none;
}

#nav a {
display: inline;
width: 6em;
color: #006a24;
font-size: 1.1em;
line-height: 1.1em; 
font-weight: bold;
text-decoration:none;
}

#nav a:hover {
color: #000000;
}

#nav li { /* all list items */
float: left;
/*xwidth: 10em;  width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:-8px;
}

#nav li ul li { /* all list items */
float: left;
width: 10em; /* width needed or else Opera goes nuts */
background: #abe34c;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding:3px;
font-size: 0.9em;
line-height: 1.2em; 
}

/* suckerfish end */

.lightgreen
{
color: #abe34c;
}

/* suckerfish4 starts */

#menu4
{
position: absolute;
top: 110px;
left: 40px;
width:153px;
height: 435px;
z-index:9;
}
#nav4, #nav4 ul { /* all lists */
position:absolute;
z-index:10;
margin: 0px 0px 0px 0px;
line-height: 1;
padding:0px 0px 0px 0px;
list-style: none;
width:153px;
}

#nav4 a {
display:block;
color: #006a24;
font-size: 12px;
line-height: 14px; 
text-decoration:none;
}




#nav4 li { /* all list items */
/*width: 153;  width needed or else Opera goes nuts */
display:block;
border-top: 1px solid #000000;
padding:3px;
font-size: 12px;
line-height: 14px; 
}


#nav4 li:hover 
{
    background-color: #d2d2d2; 
    color: #ffffff;
}



#nav4 li ul { /* second-level lists */
position: absolute;
width: 160px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top: -18px; 
}

#nav4 li:hover ul, #nav4 li.sfhover ul { /* lists nested under hovered list items */
left: auto;
margin-left:150px;
/*width:800px;*/
}

#nav4 li ul li { /* all list items */
float: left;
width: 160px; /* width needed or else Opera goes nuts */
background: #abe34c;
border-right: 1px solid #000000;
padding: 3px;
font-size: 12px;
line-height: 14px; 
}
#nav4 li ul li a { /* all list items */
margin-left: 5px; 
}
#nav4 li ul li.liend
{
font-size: 0px;
line-height: 0px;
height: 0px; 
padding-left: 3px;
padding-top: 0px;
padding-bottom: 0px;
border-right: 1px solid #000000;
border-top: 0px solid #000000;
border-bottom: 1px solid #000000;
}
/* suckerfish4 end */