/* General
***************/
*{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body{ background-color: #000;}

:focus, a:focus{outline: none;}
.clear{
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}
.left{float: left;}
.right{float: right;}
.center{text-align: center;}

br{
	height: 8px;
	font: normal 8px/8px Arial, Helvetica, sans-serif;
}
/* Text
--------------*/
h1 {
	font: normal 18px/22px Arial, Helvetica, sans-serif;
	color: #ffad42;
	text-align: left;
	margin-bottom: 12px;
}
h2 {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	margin-bottom: 12px;
}
h3 {
	font: bold 13px/30px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	width: 228px;
	background-color: #ffa32a;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}
h4{
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color: #ccc;
	border-bottom: 1px solid #ccc;
	width: 250px;
	display: block;
	margin-bottom: 7px;
}
h5{
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
	margin-bottom: 7px;
}
p{
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: left;
	padding-bottom: 8px;
}
a{ font: normal 11px/11px Arial, Helvetica, sans-serif; text-decoration: none;}

.color{color: #ffa32a;}
.white{ color: #fff; font-weight: bold;}
.bold-underline{
	font-weight: bold;
	text-decoration: underline;
	color:#fff;
}
/* Images
-------------*/
.left-img{
	float: left;
	margin-right: 20px;
}
.right-img{
	float: right;
	margin-left: 10px;
}

/* Layout
***************/
#SiteContent, #SiteHeaderMain, #SiteHeader, #SiteInfoContent, #SiteFooter { width: 900px;}

#SiteContent { background-color: #FFFFFF; margin: 0px auto;}

#SiteHeaderMain, #SiteHeader { height: 103px; float: left; background-color: #FFFFFF;}
#SiteHeaderDisplay{
	width: 802px;
	margin: 0px auto;
}

#SiteInfoContent {
	float: left;
	background: url(../images/site-content.jpg) center top repeat-y;
}

#SiteContentDisplay {
	width: 792px;
	margin: 0px auto;
	padding: 10px 0px 10px 10px;
}

#SiteFooter {
	float: left;
	background-color: #FFFFFF;
	color: #333333;
	padding-bottom: 10px;
	text-align: center;
}

/* Top Menu
***************/
#siteSubMnu {
	width: 470px;
	height: 24px;
	float: left;
	margin: 50px 20px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-color: #666666;
}
#siteSubMnu a:link, #siteSubMnu a:visited {
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 20px;
	color: #FFFFFF;
	margin: 0px 4px;
	padding: 4px 2px 0px 2px;
	float: left;
}
#siteSubMnu a:hover, #siteSubMnu a:active { background-color: #ffa32a; color: #333;}

/* Left Side
***************/
#siteMainInfo {
	width: 512px;
	float: left;
}

#scrollContent {
	width: 240px;
	float: left;
}
#siteMainInfo a:link, #siteMainInfo a:visited { color: #ffa32a;}
#siteMainInfo a:hover,  #siteMainInfo a:active{ color: #ccc;}



/* Right Side
***************/
#siteMnuDr {
	width: 270px;
	float: left;
}
#siteLanguages{
	width: 130px;
	float: right;
	margin-bottom: 13px;
}
#siteLanguages a{float: right; margin-left: 7px;}
/* Right Menu
---------------*/
#siteRgtMnu{
	width: 270px;
	float: right;
	margin-bottom: 23px;
}
#siteRgtMnu a:link, #siteRgtMnu a:visited{
	width: 270px;
	height: 30px;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: none;
}
#siteRgtMnu a.web{ background: url(../images/btn-web.jpg);}
#siteRgtMnu a.merchant{ background: url(../images/btn-merchant.jpg);}
#siteRgtMnu a.process{ background: url(../images/btn-process.jpg);}
#siteRgtMnu a.resellers{ background: url(../images/btn-resellers.jpg);}
#siteRgtMnu a.company{ background: url(../images/btn-company.jpg);}
#siteRgtMnu a.contact{ background: url(../images/btn-contact.jpg);}

#siteRgtMnu a:hover, #siteRgtMnu a:active{ background-position: left bottom;}

/* Newsletter form
----------------------*/
#quick_form{
	width: 228px;
	float: right;
	background-color: #554040;
	margin-bottom: 25px;
}

#quick_form p{
	width: 102px;
	padding: 0px 0px 0px 15px;
	float: left;
	color: #FFFFFF;
}
#quick_form input {
	width: 106px;
	height: 18px;
	padding: 3px 0px 0px 3px;
	margin-bottom: 4px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
	border: 0px;
	background: url(../images/bg-input.gif) left top no-repeat;
}
#quick_form input.send, #quick_form input.send-ro {
	width: 35px;
	height: 19px;
	float: right;
	padding: 0px;
	margin: 4px 2px 5px 0px;
	cursor: pointer;
	/*color: #FFFFFF;
	background-color: #468632;*/
}
#quick_form input.send{background: url(../images/bg-send.gif) left top no-repeat;}
#quick_form input.send-ro{background: url(../images/bg-send-ro.gif) left top no-repeat;}

/* Logo MGH
----------------------*/
#logo_MGH{
	width: 228px;
	float: right;
}

#logo_MGH p{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
}
#logo_MGH a:link, #logo_MGH a:visited{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #ffa32a;
}
#logo_MGH a:hover, #logo_MGH a:active{ color: #ccc;}]

/* Index Bottom
----------------------*/

#siteBottomContent{
	width: 782px;
	float: left;
	margin-bottom: 10px;
}

.bottomBox, .bottomBoxMidlle{
	width: 250px;
	float: left;
}
.bottomBoxMidlle{margin: 0px 16px;}

.bottomBox img, .bottomBoxMidlle img{
	float: right;
	margin-left: 10px;
}
.bottomBox p, .bottomBoxMidlle p{
	color: #ccc;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#siteBottomContent a:link, #siteBottomContent a:visited{
	color: #333;
	background-color: #ffa32a;
	padding: 0px 3px;	
}
#siteBottomContent a:hover, #siteBottomContent a:active{
	color: #ffa32a;
	background-color:#333;
}

/* Footer
**************/

#SiteFooter a:link, #SiteFooter a:visited { color: #333; margin: 0px 10px; }
#SiteFooter a:hover, #SiteFooter a:active { color: #ccc; background-color: #666;}

#SiteFooter p{
	color: #333;
	padding: 5px 0px 0px 0px;
	text-align: center;
}


/* Content
**************/
#logo_left{width: 500px; float: left;}

.table01{
	float: left;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	
}
.table01 p{
	height: 18px;
	padding: 5px 5px 0px 5px;
	float: left;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	vertical-align: middle;
	text-align: left;
	line-height: 12px;
}
.table01 p.col01{ width: 100px;}
.table01 p.col02{ width: 150px;}
.table01 p.col03{ width: 221px;}

.table02{
	float: left;
	margin-bottom: 10px;
}
.table02 p{
	height: 18px;
	padding: 5px 0px 0px 0px;
	float: left;
	vertical-align: middle;
	text-align: left;
	line-height: 12px;
}

.table02 p.col01{width: 155px;}
.table02 p.col02{width: 145px;}
.table02 p.col03{width: 115px;}
.table02 p.col04{width: 50px;}
/* Lists
-----------*/
ul.list01{margin-left: 42px;}
ul.list02, ul.list03{margin-left: 20px;}
ul.list04 { margin-left: 60px;}

li{
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ccc;
	list-style-position: outside;
}

ul.list01 li{
	list-style-type: decimal;
	padding: 0px 0px 5px 0px;
}
ul.list02 li{
	list-style-type: none;
	background: url(../images/bullet_small.jpg) left 2px no-repeat;
	padding: 0px 0px 5px 18px;
}
ul.list03 li{
	list-style-type: none;
	background: url(../images/bullet_square.gif) left 6px no-repeat;
	padding: 0px 0px 5px 15px;
}
div.hebrew ul.list03 li{
	background-position: right 6px;
	padding: 0px 15px 5px 0px;
}
ul.list04 li{
	list-style-type: disc;
	padding: 0px 0px 5px 5px;
}
#siteMainInfo ul.list04 a:link, #siteMainInfo ul.list04 a:visited{color: #fff;}
#siteMainInfo ul.list04 a:hover, #siteMainInfo ul.list04 a:active{color: #ccc;}
/* Tables
-----------*/

.chart{
	width: 330px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0px auto 5px auto;
	padding: 1px;
	display: block;
}
.chart p{
	padding: 0px 0px 0px 5px;
	line-height: 20px;
	border: 1px solid #ccc;
}
.coll-01{ width: 100px; float: left;}
.coll-01 p{
	width: 92px;
	text-align: left;
}
.coll-02{ width: 230px; float: left;}
.coll-02 p{
	width: 223px;
	text-align: center;
}

p.note{padding: 0px 0px 0px 96px;}

/* Contact
-----------*/

#formContact{
	
}

#formContact p{
	width: 61px;
	padding: 0px;
	float: left;
	color: #fff;
}
#formContact input, #formContact textarea {
	padding: 3px 0px 0px 3px;
	margin-bottom: 4px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
	border: 0px;
	overflow: hidden;
}
#formContact input{
	width: 158px;
	height: 18px;
	background: url(../images/bg-input-cont.gif) left top no-repeat;
}
#formContact textarea{
	width: 158px;
	height: 52px;
	background: url(../images/bg-textarea-cont.gif) left top no-repeat;
}
#formContact input.send-contact, #formContact input.send-contact-ro {
	width: 42px;
	height: 22px;
	float: right;
	padding: 0px;
	margin: 4px 19px 5px 0px;
	cursor: pointer;
}
#formContact input.send-contact{background: url(../images/bg-send-contact.gif) left top no-repeat;}
#formContact input.send-contact-ro{background: url(../images/bg-send-contact-ro.gif) left top no-repeat;}