﻿/*///////////////////////////////// general //////////////////////////////////////*/



html, body {

direction:rtl; /* rtl */

font-family:arial; 

font-size:14px;

color:#000000;

}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

margin: 0px;

padding: 0px;

}



table {

border-collapse:collapse;

}



img {

border:0px;

}







a {text-decoration:none;}

a:link {text-decoration:none;}

a:active {text-decoration:none;}

a:hover{text-decoration:none;}

a:visited {text-decoration:none;}



div {

margin: 0px auto;

position: relative;

}



table.heightTable {

margin: 50px auto;

position: relative;

border-collapse:collaspe;

width:100%;

border:0px solid #989898;

}

.spacer

{

clear:both; height:1px;

}

/*/////////////////////HEADER////////////////////*/

body

{

background: white url('img/header_bg.jpg') left top repeat-x;

}

.wrapper

{

width:900px;

margin:0 auto;

}

.logo

{float:right;width:559px; height:79px; border:none;}



.logo img

{border:none;}

.flags

{float:left; width:140px; margin-top:30px; }

.flags ul

{list-style-type:none;}

.flags li

{float:left;}

.flags a

{}

.flags img

{width:21px; height:17px; margin:0 2px;}

.menu

{background: transparent url('img/green_menu.jpg') left top no-repeat; width:900px; height: 47px;}

.menu ul

{list-style-type:none;}

.menu li

{float:right; border-left:2px solid white; height:30px; padding: 8px 54px; white-space:nowrap;}

.menu li:link

{ background-color:transparent;padding-top:9px;}

.menu li.menu_last

{border-left:none;}

.menu li.menu_last:link

{background-color:transparent;padding-left:72px;}

.menu li:hover

{background-color:#163652; padding-top:9px;}

.menu li.menu_last:hover

{padding-left:72px;

background-color:#163652;}

.menu a

{font-size: 22px; color:white; text-decoration:none;}

.banner

{margin-top:5px;width:900px; height:282px;}

.banner img

{width:900px; height:282px;}

/*////////////////////CONTENT//////////////////////////////////////////////////////*/

.left_content_wrapper

{float:left; width:215px; }

.left_content_top

{background-color:#173652; height:50px; margin-bottom:10px;}

.form

{background-color:#EAEAEA;}

.form input

{width:180px;height:25px;margin:5px 17px; border:1px solid #979797;}

.form textarea

{width:180px;margin:5px 17px;height:110px; border:1px solid #979797;}

.form p

{font-size:11px; margin:5px 10px 15px 10px; color:#3C4C59; font-weight:bold; }

div.send

{background: transparent url('img/send.jpg') left top no-repeat; width:99px; height:35px; float:left; margin-left:12px;  color:black; font-weight:bold; padding-top:5px; text-align:center; }



div.page3sendDiv input.send_link { background: url('img/send.jpg') right top no-repeat; width: 99px; height: 35px; float: left; line-height: 10px; padding: 8px 18px 0 0;}

div.page3sendDiv input:hover.send_link { background: url('img/send_hover.jpg') right top no-repeat; width: 99px; height: 35px; float: left; line-height: 10px; padding: 8px 18px 0 0;}





div.send:link {background: transparent url('img/send.jpg') left top no-repeat;}

div.send:hover

{background: transparent url('img/send_hover.jpg') left top no-repeat;}



a.send_link

{color:black;border-bottom:none; font-weight:bold; font-size:17px; text-align:center;}

.left_content

{ width:215px; background-color:#EAEAEA; height:auto;}

.left_content h1

{text-align:center; color:white; font-weight:lighter; padding-top:10px;}

.left_content ul

{margin:20px; list-style-type:none;}

.left_content li

{color: white;}

.left_content a,

{border-bottom:1px solid white; color:white; font-size:13px; line-height:150%;}

.right_content_wrapper

{width:640px; float:right; }

.right_content_wrapper hr

{border:none;border-bottom:1px dotted #DFDFDF; margin:20px 0; height:0; background:none;}

.right_content img

{float:right; padding:8px; border:1px solid #C5C5C5; width:220px; height:150px;}

.content_right_text

{float:left; width:380px; height:170px; }

.content_right_text h2

{color:#45637B; font-weight:lighter; font-size:26px; margin-bottom:5px;}

.content_right_text p

{line-height:150%;}

.read_more

{position:relative; bottom:0px; right:0px; background: transparent url('img/read_more.png') right top no-repeat;  width:99px; height:35px; float:right; margin-top:10px; padding-top:5px ;padding-right:20px; }

div.read_more:link

{background: transparent url('img/read_more.png') right top no-repeat;}

div.read_more:hover

{background: transparent url('img/read_more_hover.png') right top no-repeat;}

.articles

{background-color:#F5F5F3;  width:100%; height:380px; width:1024px;}

.article_particle

{float:right; width:255px; border-left:1px dotted #DFDFDF; margin:25px 0; padding: 0 35px;}

.article_particle h2

{color:black; font-weight:lighter; font-size:26px; margin-bottom:5px;}

.article_particle .p1

{line-height:150%; color:black; margin-bottom:15px;}

.article_particle .p2_green

{line-height:130%; color:#8FC458; font-weight:bold;}

.article_particle .p2_bold

{line-height:130%; color:black; font-weight:bold;}

.article_particle .p2_green_underlined

{line-height:130%; color:#8FC458; font-weight:bold; boorder-bottom: 1px solid #8FC458; text-decoration:underline; }

.article_particle .p3

{line-height:130%; color:#8B8B89; margin-bottom:15px;}

.article_particle ul

{list-style-type:none; margin-bottom:15px; }

.article_particle li

{}

.article_particle a

{border-bottom:1.5px solid #7DBD45; color:#7DBD45; font-size:15px; line-height:150%;}



/*////////////////////////////FOOTER////////////////////////////////////////////////////*/

.footer

{background: transparent url('img/footer_bg.jpg') center top repeat; width:100%; /*height:247px;*/ min-height: 120px; height: auto;}

.footer_inner {width: 1024px; margin: auto; }

.footer_links

{float:right; width:95px; margin:25px 0; padding:0 25px;}

.footer_links h4

{color:white;margin-bottom:10px;font-size:13px;}

.footer_links ul

{list-style-type:none;line-height:120%;}

.footer_links li

{}

.footer_links a

{color:white; font-size:13px;}

/*//////////////////////////////////////////////////////////////////////////////////////*/



div.forumRow  {



line-height:20px;

background-image:url("img/sub.gif");

background-repeat:no-repeat;

background-position:right top;

padding-right:25px;

}



a.headerForum {

cursor:pointer;

text-decoration:underline;

}



div.contentRowForum {

display:none;

}



span.forumRowHeadSpan {

float:right;

}



span.forumRowUserNameSpan {

float:right;

margin-right:7px;

}



span.forumRowDateSpan {

float:left;

}



span.forumRowAdminBar {

height:18px;

line-height:18px;

float:right;

margin-right:7px;

padding:0px 5px;

border:1px solid #83FD83;

font-size:10px;

}



span.forumRowNotConfirmed {

color:red;

margin-right:10px;

}



#loginContainer {

background-color: #ffffff;

margin-top:5px;

border:1px solid #989898;

padding:10px;

width:250px;

height:115px;

}



#loginLogoContainer {

margin-top:100px;

border:0px solid #989898;

padding:0px;

width:250px;

height:60px;

text-align:center;

}



#loginLogoContainer img {

width:150px;

}



#loginContainer div {

width:100%;

height:30px;

border:0px solid #989898;

}







#loginContainer h2 {

text-align:center;

}



table.loginTable {

width:100%;

border:0px solid #989898;

}



table.loginTable td, table.loginTable th {

padding:2px;

}



table.loginTable th {

width:35%;

text-align:left;

}



.loginTable input {

width:150px;

}



div.newCommentDiv {

width:400px;

display:none;

}



.newCommentDiv textarea {

height:200px;

width:400px;

}



input.newCommentHeader {

width:400px;

}



.newCommentDiv td {

vertical-align:top;

padding:3px;

}



#forumContainer {

width:100%;

border:0px solid #A2989D;

color:#333333;

padding:2px;

}



#forumContainer a:link {color:#261FA2;}

#forumContainer a:hover {color:#261FA2;text-decoration:underline;}

#forumContainer a:visited {color:#261FA2;}



#forumContainer h1 {

font-size:20px;

}



#forumContainer h3 {

font-size:14px;

font-weight:normal;

}



#forumFreeText {

font-size:13px;

}



div.bottomMessageDiv {

display:none;

right:0px;

height:20px;

background-color:#7DA7D9;

line-height:20px;

border:1px solid #A2989D;

}



div.bottomMessageDiv div {

float:right;

padding:0px 8px;

}



table.newUser {

border:1px solid black;

width:400px;

margin: 0px auto;

position: relative;

}



table.newUser td input {

width:95%;

}



table.newUser th {

text-align:right;

}



table.newUser th, table.newUser td {

padding:3px;

}



span.redDot {

color:red;

padding:2px;

}





#page3FormConteiner {

width:510px;

border:0px solid black;

font-size:12px;

}



#page3FormConteiner h4 {

font-size:12px;

color:#f79422;

}



div.page3FormRow {

border:0px solid black;

height:22px;

margin:6px 0px;

width:500px;

}



span.starSpan {

color:#f79422;

font-weight:bold;

}



div.page3FormRowHeader {

width:150px;

height:20px;

float:right;

color:#787878;

border:0px solid black;

}



div.page3FormRowInput {

width:350px;

height:20px;

float:right;

border:0px solid black;

}



input.page3inputText {

width:100%;

border: 1px solid #B9B9B9;

height:20px;

}



div.page3FormRowTextArea {

border:0px solid black;

height:100px;

margin:6px 0px;

width:500px;

}



#contentFull {

width:350px;

height:100px;

}



#senderCompanyContent {

width:100%;

border: 1px solid #B9B9B9;

height:100px;

}



div.cryptDiv {

margin-left:100px;

width:150px;

}



div.page3sendDiv {



width:50px;

}





#clientDetailsTop {

width:469px;

height:53px;

background-image:url("img/tofes_bg_top.png");

background-repeat:no-repeat;

}



#clientDetailsBottom {

width:469px;

height:19px;

background-image:url("img/tofes_bg_bottom.png");

background-repeat:no-repeat;

}



div.clientDetailsMiddle {

width:469px;

background-image:url("img/tofes_bg_middle.png");

background-repeat:repeat-y;

}



.clientDetailsMiddle table {

position:relative;

margin:0px auto;

width:95%;

border:0px solid black;

font-size:12px;

}

.clientDetailsMiddle table tr {

height:30px;

vertical-align:top;

}



.clientDetailsMiddle table th {

color:#787878;

font-weight:normal;

text-align:right;

width:100px;

vertical-align:top;

padding-right:8px;

}



.clientDetailsMiddle table th a  {

color:#145586;

}



.clientDetailsMiddle table td input {

width:95%;

height:20px;

}



.clientDetailsMiddle table td textarea {

width:95%;

height:60px;

}





div.HpProductCont {

background-image:url("img/ProductBgBox.png");

background-repeat:no-repeat;

float:right;

width:230px;

height:272px;

margin:1px;

text-align:center;

}



.HpProductCont h2 {

color:#cc0000;

border:0px solid black;

font-size:15px;

text-align:center;

margin-top:20px;

padding:0px 10px;

height:36px;

line-height:18px;

}





div.hpProdImageCont {

border:0px solid black;

height:120px;

margin-top:5px;

}



.hpProdImageCont img {

height:120px;

}



div.hpProdPriceCont {

border:0px solid black;

margin-top:5px;

height:30px;

font-size:21px;

line-height:30px;

}



div.hpProdButtonCont {

margin-top:5px;

}





div.productFromCategoryTop {

width:700px;

height:15px;

background-image:url("img/productFrame_top.jpg");

background-repeat:no-repeat;

}



div.productFromCategoryBottom {

width:700px;

height:14px;

background-image:url("img/productFrame_bottom.jpg");

background-repeat:no-repeat;

}



div.productFromCategory {

width:700px;

height:128px;

background-image:url("img/productFrame_middle.jpg");

background-repeat:repeat-y;

}



div.productFromCategoryHidden {

display:none;

min-height:200px;

width:700px;

background-image:url("img/productFrame_middle.jpg");

background-repeat:repeat-y;

}



div.productFromCategoryHidden h2 {

color:#cc0000;

border:0px solid black;

font-size:17px;

text-align:center;

margin-bottom:15px;

padding:0px 10px;

height:20px;

line-height:18px;

}



.productFromCategory h4 {

position:absolute;

margin-right:415px;

margin-top:112px;

width:200px;

}



.productFromCategory a {

color:blue;

}



span.categoryProductImg img{

float:right;

margin-right:20px;

margin-top:3px;

height:120px;

}



div.categoryProductText {

position:absolute;

margin-right:200px;

border:0px solid black;

float:right;

height:110px;

width:320px;

margin-top:3px;

color:#666666;

overflow:hidden;

}



div.categoryProductFullText {

border:0px solid black;

margin-right:20px;

float:right;

width:660px;

margin-top:10px;

color:#666666;

}



.categoryProductText h2 {

color:#cc0000;

border:0px solid black;

font-size:15px;

text-align:center;

margin-bottom:5px;

padding:0px 10px;

height:20px;

line-height:18px;

}



div.categoryProductPrice {

padding-top:40px;

position:absolute;

margin-right:540px;

border:0px solid black;

float:right;

height:70px;

width:140px;

margin-top:13px;

color:#666666;

overflow:hidden;

font-size: 21px;

line-height: 30px;

text-align:center;

}



div.categoryProductFullPrice {

margin-top:15px;

color:#666666;

border-top:2px solid #e86200;

width:620px;

margin-right:5px;

float:right;

font-size:21px;

padding:5px 35px;

height:40px;

line-height:40px;

text-align:center;

}



div.categoryProductFullPrice img {

vertical-align:middle;

}



img.categoryCloseImg {

position:absolute;

left:20px;

top:15px;

}



div.categoryProductOptionsCont {

margin-top:10px;

color:#666666;

border-top:2px solid #e86200;

width:620px;

margin-right:5px;

float:right;

font-size:16px;

padding:5px 35px;

height:40px;

line-height:20px;

text-align:right;

}





table.shoppingCartTable {

width:700px;

border:0px solid black;

}



table.shoppingCartTable th {

color:#ffffff;

font-weight:bold;

text-align:right;

padding-right:5px;

height:33px;

}



table.shoppingCartTable td {

text-align:right;

padding-right:5px;

height:33px;

}



div.trHeader  {

border:0px solid red;

margin-top:50px;

height:33px;

background-image:url("img/cart_header.png");

background-repeat:no-repeat;

background-position:center center;

}



.firstTh {

width:20px;

background-image:url("img/cart_header.png");

background-position:right center;

background-repeat:no-repeat;

}



.lastTh {



}



div.trOdd {

margin-top:3px;

height:33px;

background-image:url("img/odd.png");

background-repeat:no-repeat;

}



div.trEven {

margin-top:3px;

height:33px;

background-image:url("img/even.png");

background-repeat:no-repeat;

}



div.trTotal {

margin-top:3px;

font-weight:bold;

color:#016f62;

height:33px;

background-image:url("img/total.png");

background-repeat:no-repeat;

}



#checkOutButtonCont {

margin-top:30px;

height:33px;

border:0px solid black;

text-align:left;

}



.cartOptionsTd select{

font-size:10px;

}





#clientDetailsTop {

width:469px;

height:53px;

background-image:url("img/tofes_bg_top.png");

background-repeat:no-repeat;

}



#clientDetailsBottom {

width:469px;

height:19px;

background-image:url("img/tofes_bg_bottom.png");

background-repeat:no-repeat;

}



div.clientDetailsMiddle {

width:469px;

background-image:url("img/tofes_bg_middle.png");

background-repeat:repeat-y;

}



.clientDetailsMiddle table {

position:relative;

margin:0px auto;

width:95%;

border:0px solid black;

font-size:12px;

}

.clientDetailsMiddle table tr {

height:30px;

vertical-align:top;

}



.clientDetailsMiddle table th {

color:#787878;

font-weight:normal;

text-align:right;

width:100px;

vertical-align:top;

padding-right:8px;

}



.clientDetailsMiddle table th a  {

color:#145586;

}



.clientDetailsMiddle table td input {

width:95%;

height:20px;

}



.clientDetailsMiddle table td textarea {

width:95%;

height:60px;

}



span.reqFields {

color:#cc0000;

font-weight:bold;

width:30px;

padding:2px;

}



#searchCont {

background-image:url("img/searchBar.png");

background-repeat:no-repeat;

margin-bottom:15px;

width:214px;

height:65px;

margin-left:8px;

border:1px solid white;

}



#searchText {

border:0px solid black;

width:190px;

height:25px;

line-height:25px;

margin-top:30px;

font-size:14px;

color:#ffffff;

text-align:center;

}



#searchInput {

height:18px;

margin-top:0px;

width:130px;

}



#searchButton {

vertical-align:middle;

}



.content li {

margin-right:25px;

}



.content {

padding:10px;

line-height:20px;

}



.content h1 {

font-size:20px;

text-decoration:underline;

color:#003400;

}



.left_content_wrapper h1 {

color:#ffffff;

text-decoration:none;

}