/*

main
*********************************header*************************************************
*                                                                    h1                *
*                                                                    h2                *
****************************************************************************************
*----------------------------------mainBox---------------------------------------------*
*|!--------------------------------content---------------------!------side-----------!|*                                                              |    side      |*
*|!###element##################################################!                     !|*
*|!#                                                          #! ul                  !|*
*|!#                                                          #! li:menuItemSelected !|*
*|!############################################################!    a                !|*
*|!                                                            ! li:menuItem         !|*
*|!###element##################################################!    a                !|*
*|!#                                                          #! li:menuItem         !|*
*|!#                                                          #!    a                !|*
*|!############################################################! li:menuItem         !|*
*|!                                                            !    a                !|*
*----------------------------------footer----------------------------------------------*
*                                                                                      *
*----------------------------------footer----------------------------------------------*
*********************************credits************************************************
*                                a                                                     *
*                                                                                      *
****************************************************************************************

*/

body {
    margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
}
div, 
form {
	margin: 0;
	padding: 0;
}
p {
	margin: 5px 0px 0px 0px;
	padding: 0;
}
.main {
	width: 751px; /* All site width */
	margin: 0 auto;
	direction:rtl;
}
.main .header {
    width: 100%;
}
.main .header h1 {}
.main .header h2 {}

.mainBox {
	width: 100%;
	margin-top:10px;
	margin-bottom:10px;
}
.mainBox .side {
	float: right;
	width: 170px; 
	margin: 0;
	padding: 0;
	text-align:right;
	margin-bottom:10px;
}
.mainBox .side ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.mainBox .side .menuItem {
	display: block;
	text-align: right;
	width:100%;
}
.mainBox .side .menuItem a, 
.mainBox .side .menuItem a:visited 
{
    text-decoration: none;
}
.mainBox .side .menuItem a:hover {
    text-decoration: underline;
}
.mainBox .side .menuItemSelected {
    display: block;
    text-align: right;
}
.mainBox .side .menuItemSelected a, 
.mainBox .side .menuItemSelected a:visited {
    text-decoration: none;
}

.mainBox .side .menuItemSelected a:hover {
    text-decoration: underline;
}

.mainBox .side .contactUs {
    margin-top:10px;
}
.mainBox .side .contactUs input, 
.mainBox .side .contactUs textarea {
    width:100px;
}

.mainBox .side .contactUs .button {
    margin-right:100px;
    text-align:center;
    width:50px;
    font-family:Arial;
    color: white;
    border:0;
}
.mainBox .content {
    padding: 0;
    margin: 0;
	width: 580px; /* Main box width */
	float:left;
}
.mainBox .content ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	width:100%;
}

.mainBox .content .element 
{
    width: 555px;
    padding: 5px 5px 5px 5px;
    margin-bottom:10px;
    margin-right:5px;
}
.mainBox .content .element img {
    float:right;
    padding: 0px 10px 10px 10px; 
}
.mainBox .content .element h2 
{
    margin: 0px 0px 5px 0px;
}
.mainBox .content .element .products img {
    float:none;
}
.mainBox .content .element .products li {
    float:right;
    width:160px;
    min-height:180px;
    margin-left:10px;
}
.mainBox .content .element .products h3 {
    font-size: 12px;
}
.mainBox .content .element .products .desc {
    font-size: 10px;
}
.mainBox .content .element .questions h3 {
    font-size:14px;
    margin: 10px 0px 0px 0px;
}
.mainBox .content .element .questions .answer {
    font-size: 12px;
}

.mainBox .content .contactUs {}
.mainBox .content .contactUs input, 
.mainBox .content .contactUs textarea {
    width:300px;
}
.mainBox .content .contactUs .button {
    margin-right:300px;
    color:White;
    text-align:center;
    width:50px;
    font-family:Arial;
    border: 0;
}
.footer {
	clear: both;
}
.footer, .credits {
	text-align: center;
	padding: 5px 0;
}

.credits {}

.credits a, .credits a:visited {
    text-decoration:none;
}
.credits a:hover {
    text-decoration:underline;
}

.modalBackground 
{
    FILTER: alpha(opacity=70);	
    BACKGROUND-COLOR: gray;	
    opacity: 0.7;
}

.modalPopup 
{	
    direction:rtl;
    BORDER-RIGHT: gray 3px solid;	
    PADDING-RIGHT: 10px;	
    BORDER-TOP: gray 3px solid;	
    PADDING-LEFT: 10px;	
    PADDING-BOTTOM: 10px;	
    BORDER-LEFT: gray 3px solid;	
    PADDING-TOP: 10px;	
    BORDER-BOTTOM: gray 3px solid;	
    BACKGROUND-COLOR: #ffffdd;
}