
html, body, div, span, ul, li, p,
table, tr, td, fieldset, textarea,
form, img, input,
h1,h2,h3,h4  { 
margin:0px; 
padding:0px;
border:0px;

}

html, body{ 
	
	width: 100%;
  font-family: Verdana;
  font-size: 13px;
  text-align: left;
  color: black;
  background: #e8fcca;
}

td.main_middle {
}

div.main_div {
background: url(../images/top_back.gif) top repeat-x;
}

div.maincontent {
left: 0px;
top: 160px;
width: 900px;
}

hr {
width:100%; 
background-color: #73a047; 
height:1px;
border: 0px;
}
  
img.jooti_logo_30 {
vertical-align:middle;
width: 39px;
height: 30px;
background: url(../images/jooti_logo_30.gif) no-repeat;
}

img.jooti_logo_25 {
vertical-align:middle;
width: 33px;
height: 25px;
background: url(../images/jooti_logo_25.png) no-repeat;
}

a {
text-decoration: none;
color: #73a047;
}

a:hover {
text-decoration: underline;
color: #73a047;
}

div.news_div { display: block; margin: 3px; border: 1px solid #acd485; text-align: center; color:black;}
div.news_div:hover { border: 1px solid #73a047; text-decoration: none;}
div.news_div h3.news_head {display: block; height: 20px; background: #acd485; margin: 0px 0px 3px 0px;}
div.news_div div.head {float: left;}
div.news_div div.date{float: right; font-size: 11px; font-weight: normal; color: gray;}
div.news_div p {padding: 3px; }

div.press_holder {display: block; float: left; padding: 2px 2px 0px 2px; border: 1px solid #acd485;}
div.press_div {display: block; float: left; width: 248px; height: auto; display: block; margin: 0px 0px 2px 0px; padding: 3px; background: #d9eaac; text-align: center; color:black;}
div.press_div:hover { cursor: pointer;}

div.press_footer { float: left; background: #d9eaac; width: 554px; padding: 3px; }
div.press_footer div.download_div {float: left;}
div.press_footer div.link2_div {float: right;}
img.pressimage {padding: 3px; border: 1px solid #acd485; }

div.press_div div.head {display: block; margin: 0px; padding: 0px; width: 175px; float: left; font-size: 13px; text-align: left;}
div.press_div div.date{display: block; margin: 0px; padding: 0px; width: 66px; float: left; font-size: 11px; font-weight: normal; text-align: right; color: gray;}


div.maincontent div.window_left { float: left; margin: 0px 0px 10px 0px; background: white;}
div.maincontent div.window_right { float: right; margin: 0px 0px 10px 0px; background: white;}
div.maincontent div.window_left table tr.window_head,
div.maincontent div.window_right table tr.window_head { height: 45px;}
div.maincontent div.window_left table tr.window_bottom,
div.maincontent div.window_right table tr.window_bottom { height: 20px;}
div.maincontent div.window_left table tr.window_head td.top_left, 
div.maincontent div.window_right table tr.window_head td.top_left{ width: 20px; background: url(../images/box_top_left.gif) no-repeat top left; }
div.maincontent div.window_left table tr.window_head td.top_middle,
div.maincontent div.window_right table tr.window_head td.top_middle { vertical-align: top; background: url(../images/box_top_middle.gif) repeat-x top; }
div.maincontent div.window_left table tr.window_head td.top_middle h1,
div.maincontent div.window_right table tr.window_head td.top_middle h1 { color: black; margin-top: 10px; font-size: 18px; font-variant:small-caps; font-weight: normal;}
div.maincontent div.window_left table tr.window_head td.top_right,
div.maincontent div.window_right table tr.window_head td.top_right { width: 20px; background: url(../images/box_top_right.gif) no-repeat top right; }
div.maincontent div.window_left table tr td.middle_left,
div.maincontent div.window_right table tr td.middle_left { width: 20px; background: url(../images/box_middle_left.gif) repeat-y ; }
div.maincontent div.window_left table tr td.middle_right,
div.maincontent div.window_right table tr td.middle_right { width: 20px; background: url(../images/box_middle_right.gif) repeat-y ; }
div.maincontent div.window_left table tr.window_bottom td.bottom_left,
div.maincontent div.window_right table tr.window_bottom td.bottom_left { width: 20px; background: url(../images/box_bottom_left.gif) no-repeat top left; }
div.maincontent div.window_left table tr.window_bottom td.bottom_middle,
div.maincontent div.window_right table tr.window_bottom td.bottom_middle { height: 20px; background: url(../images/box_bottom_middle.gif) repeat-x ;}
div.maincontent div.window_left table tr.window_bottom td.bottom_right,
div.maincontent div.window_right table tr.window_bottom td.bottom_right { width: 20px; background: url(../images/box_bottom_right.gif) no-repeat top right; }

div.maincontent div.window_left table tr td.content_td div.welcome_window {text-align: center;}
div.maincontent div.window_left table tr td.content_td div.register {}


ul { margin-left: 10px; list-style-position:outside;}
li { margin-left:7px; padding: 4px; }
p.bigger { font-size: 14px; }

h1 {font-size: 18px; font-variant:small-caps; font-weight: normal; text-align: center; vertical-align:middle color: black;}
h2 {font-size: 16px; font-variant:small-caps; font-weight: normal; text-align: center; vertical-align:middle color: black;}
h3 {font-size: 14px; font-variant:small-caps; font-weight: bold; text-align: center; color: black;}
h4 {font-size: 14px; font-variant:small-caps; font-weight: normal; text-align: center; color: black;}
div.maincontent { text-align: left; line-height:1.4em; }
div.maincontent div table tr.window_head td.top_middle h1 {margin: 5px 0px 0px 0px; text-align: left; font-size: 13px; font-weight: bold; font-family: Verdana; }


div.maincontent div.window_left table tr td.content_td div.product_div {position:static; width: 416px; height: 160px; float: left; margin: 5px; border: 2px solid #acd485;}
div.maincontent div.window_left table tr td.content_td div.product_div div.product_div_left {float:left;  vertical-align: middle; margin: 5px;}
div.maincontent div.window_left table tr td.content_td div.product_div div.product_div_left img {vertical-align: middle; }
div.maincontent div.window_left table tr td.content_td div.product_div div.product_div_right {float:right; margin: 5px 10px 5px 0px; width: 280px;}
div.maincontent div.window_left table tr td.content_td div.headline {width: 100%; float: left;}
div.maincontent div.window_left table tr td.content_td div.partner_div,
div.maincontent div.window_right table tr td.content_td div.partner_div { position:static; height: auto; width: 390px; margin: 3px; padding: 5px; border: 1px solid #acd485; }
div.maincontent div.window_left table tr td.content_td div.product_div div.size{ float: right; margin-right: 8px; color: gray; font-size: 11px; vertical-align: bottom; }

div.maincontent div.window_left table tr td.content_td div.link_div,
div.maincontent div.window_right table tr td.content_td div.link_div { position:static; height: auto; width: 375px; margin: 10px; padding: 5px; border: 2px solid #acd485; }
div.maincontent div.window_left table tr td.content_td div.partner_div:hover,
div.maincontent div.window_right table tr td.content_td div.partner_div:hover { border: 1px solid #acd485; cursor: pointer;}

.address_closed {display: none; opacity: 0;}
.address_open		{display: block; opacity: 1;}

div.maincontent div.window_left table tr td.content_td div.partner_div div.address,
div.maincontent div.window_right table tr td.content_td div.partner_div div.address { padding: 5px; overflow: hidden; display: none;}

div.maincontent div.window_left table tr td.content_td p.center {text-align: center;}
div.maincontent div.window_left table tr td.content_td table.send_message { margin:10px text-align: center; margin-left: 15px;}
div.maincontent div.window_left table tr td.content_td table.send_message tr td.left_td {width:160px; vertical-align: top; text-align: right; padding: 7px 10px 0px 0px;}
div.maincontent div.window_left table tr td.content_td table.send_message tr td.right_td {width: auto;}
div.maincontent div.window_left table tr td.content_td table.send_message tr td {padding-top: 5px;}
div.maincontent div.window_left table tr td.content_td input.textinput { border: 1px solid #acd485; padding: 3px; width: 350px;}
div.maincontent div.window_left table tr td.content_td textarea.textinput {border: 1px solid #acd485; padding: 3px; width: 350px; font-family: Verdana; }
div.maincontent div.window_left table tr td.content_td input.submit_btn { width: 160px; height: 24px; text-align: center; background: url(../images/submit_btn.gif) no-repeat top left; cursor: pointer;}

