html{overflow:scroll;}
body {
	padding:0;
	margin:0;
	font-family: arial;
	font-size:11px;
	direction: rtl;
	background-color:#FFFFFF;
}

a img {border: 0px;}
a{text-decoration:none;color:#ED4012;}
a:active{outline:none;}
a:hover{text-decoration:underline;color:#FE8F16}
hr{color:#E6E6E6; height:1px; background-color:#E6E6E6; overflow:hidden; margin:0px 0px 0px 60px;border:none}
.clear {clear: both;}
.nowrap {white-space: nowrap;}
.box {border:  1px solid red;}
p{margin:0;padding:0;}
.readMoreRTF{
	padding-left:14px;
	/*hack! stupid ie wants right padding *padding = only for ie6/ie7 and not ff */
	*padding-left:0;
	*padding-right:14px;
	background:transparent url('../Image/Bullets/read_more.gif') no-repeat left center;
}
.has-layout{
	display:inline-table;
	*display:inline;
	zoom:1;
}



/*Default.Master*/
#page{
	width:1000px;
	margin:0 auto;
}

#OnFlashButton
{
	position:absolute;
	xtop:300px;
	x*top:340px;
	xright:455px;
	x*right:528px;

	right:540px;
	top:356px;


	width:150px;
	height:25px;
	z-index:2000;
	cursor: pointer;
	xbackground: red;
	display: block;
	xborder: solid black 1px;
	overflow: hidden;
	font-size: 100px;
}

#SiteWrap{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	position:relative;
	xbackground:Transparent url('../Image/Backgrounds/Homepage.jpg') no-repeat top right;
}
#Header {
	padding-top: 15px;
	height:160px;
	}

#LogoWrap{
	float: right;
	width: 675px;
	height: 120px;
	padding-right:26px;
}

#Logo {
	float: right;
	width: 134px;
	height: 120px;
	text-align: left;
	}

#Slogen {
	padding-top: 32px;
	}
#MainToolbar {
	padding-top: 14px;
	}

#MainToolbar a {
	background: url('../Image/Layout/Toolbar_seperator.gif') no-repeat right 2px;
	padding-right: 7px;
	padding-left: 40px;
	vertical-align: middle;
	display: block;
	float: right;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	color: #000000;
	}
#Bunners{
	float: left;
	width: 164px;
	height: 160px;
	}
#Footer
{
	position: relative;
	clear: both;
	padding-top: 10px;
	margin-right:25px;
	margin-left:40px;
	border-top: solid #E6E6E6 1px;
	height: 43px;
	}

#BottomMenu {
	width:800px;
	position: absolute;
	top: 6px;
	right: 0px;
	text-align: right;
}
#BottomMenu img
{
	position: relative;
	top: 2px;
	padding: 0 8px;
}
#BottomMenu .line
{
	margin-bottom: 4px;
}
#BottomMenu a
{
	color: #666666;
	font-size: 11px;
}

#BottomMenu a.last {
	background: none;
	}

#MantisLink
{
	position: absolute;
	top: 6px;
	left: 0px;
}
#MantisLink a {
	color: #C7C7C7;
	text-decoration: none;
	font-size: 11px;
	vertical-align:bottom;
}

/*Default.aspx*/
#ContentWrap{
	width:1000px;
	xheight:400px;
	margin-top:46px;
	position:relative;
	}
#MainPromo {

	width: 420px;
	height: 160px;
	overflow:hidden;
	margin-right:320px;
	font-family:Arial;
	}

#MainPromo #MainPromoHeader {
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	padding-top:10px;
	color:#2B2D2A;
	}
#MainPromo #MainPromoBody {
	font-size:12px;
	margin-top:10px;
	color:#434746;
}
#MainPromo .img {
	float: right;
	overflow: hidden;
	width: 152px;
	height: 173px;
	}
#MainPromo .readMore {
	margin-top:10px;
	width: 58px;
	height: 13px;
	background: url('../Image/Buttons/click_here.gif') no-repeat left top;
	float: right;
	}

#CategoriesWrap{
	position:relative;
	float:left;
	display: inline;
	margin-left:40px;
	xmargin-top:-30px;

}
#Categories {
	width: 520px;
	height: 294px;
	overflow: hidden;
	vertical-align: bottom;
	float:left;
}


.category {
	width: 128px;
	height: 110px;
	margin-top: 182px;
	float: left;
	position: relative;
	xcursor: pointer;
}

.category .bg {
	width: 123px;
	height: 69px;
	background-position: right bottom;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	bottom: 40px;
}

.category .img {
	width: 114px;
	height: 78px;
	position: absolute;
	background-position: right bottom;
	background-repeat: no-repeat;
	left: 0px;
	bottom: 0px;
}

.category a.title {
	position: absolute;
	right: 15px;
	bottom: 90px;
	text-align: right;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-left: 17px;
	background: url('../Image/Bullets/menu_tab.gif') no-repeat 0px 6px;
	}

.category .description {
	display: none;
	position: absolute;
	left: 10px;
	top: 84px;
	font-size: 11px;
	color: #ffffff;
	overflow: hidden;
	width: 102px;
	height: 60px;
	}

.category .description a {color: #ffffff;}

.category a.readMore {
	display: none;
	color: #FFF200;
	position: absolute;
	bottom: 90px;
	right: 15px;
	}



.opened{
	position:relative;
	margin-top: 112px;
	height: 180px;
	xborder: 1px solid green;
	z-index:1000;
}

.opened .bg{
	margin-top: -34px;
	height: 180px;
}

.opened a.title , .openedFirst a.title  {
	right: 15px;
	top: -20px;
	_top:-30px;
	font-size: 16px;
	padding-left: 10px;
	xbackground: url('../Image/Bullets/menu_tab.gif') no-repeat 0px 27px;
	background:none;
}
.opened .description ,  .openedFirst .description {
	margin-top:-80px;
	_margin-top:-90px;
	display: block;
}
.opened a.readMore , .openedFirst a.readMore  {
	top:60px;
	_top:50px;
	display: block;
}

.firstCategory {
	position: absolute;
	left: 0px;
	top:0px;
	margin-top:50px;
	width: 123px;
	height: 104px;
	xborder:1px solid blue;
}

.firstCategory .bg {
	position: absolute;
	top:0;
	margin-top:-6px;
	_margin-top:35px;
	bottom:0px;
	width: 123px;
	height: 110px;
}

.firstCategory a.title {
	position: absolute;
	right: 75px;
	bottom:10px;
	text-align: right;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-left: 17px;
	xbackground: url('../Image/Bullets/menu_tab.gif') no-repeat 0px 8px;
}

.firstCategory .img {
	position: absolute;
	width: 75px;
	height: 103px;
	left: auto;
	right: 0px;
}


.openedFirst{
	position: absolute;
	width:123px;
	height: 170px;
	top: 0px;
	margin-top:-16px;
	xborder: 1px solid green;
}
.openedFirst .bg{
	position: absolute;
	margin-top:5px;
	top:0px;
	bottom:auto;
	height: 170px;
}

.openedFirst a.title {
	right: 10px;
	margin-top: 25px;
	_margin-top: 35px;
	height:20px;
}
.openedFirst .description {margin-top:-58px;height: 40px;color:#000;}
.openedFirst a.readMore  {right:76px;top:80px;}


#MoreContent {
	width: 521px;
	height: 149px;
	background: url('../Image/Backgrounds/More_content.gif') no-repeat left top;
	float:left;
	display: inline;
	margin-left:40px;
	padding-bottom:30px;
	margin-top:16px;
	position:relative;
}

#MoreContentWrap{
	margin:46px 120px 0px 0px;
	width:398px;
	xborder:solid 1px;
}
#MonthArticle{
	position:relative;
	width:236px;
	float:right;
	padding-left:16px;
	border-left:solid 1px #E6E6E6;
}
#MonthArticle #ArticleHeader{font-size:14px;font-weight:bold;}
#MonthArticle #ArticleBody{width: 140px;color:#434746;}

#MoreInMagazineHeader{font-size:14px;font-weight:bold;}

#monthSpecial
{
	display:none;

	position:relative;
	top:100px;
	right:450px;
	width:130px;
	height:25px;
	z-index:0;
	background:transparent url('../Image/Buttons/animated.gif');
}

#monthSpecial:hover{
	background:transparent url('../Image/Buttons/rolled.gif');
}

#lightBox {
	background-color: black;
	opacity: 0.5;
	filter: alpha(opacity=50);

	/*firefox and ie7 are awesome!*/
	width: 100%; height: 100%;
	position: fixed; top: 0; left: 0;
	z-index: 10;

	/*ie 6 sucks*/
	_position: absolute;
	_height: expression(document.documentElement.clientHeight);
	_width: expression(document.documentElement.clientWidth);
	_top: expression(eval(document.documentElement.scrollTop));}

#lightBoxContent {
	width: 100%; height: 562px;
	margin-left: -2px;
	margin-right: -2px;
	Xborder: 1px orange solid;
	position: absolute;
	text-align: center !important;
	top: 0px;
	left: 0px;
	z-index: 2000;
	Xright: 223px !important;
}
#lightBoxContent a { position: absolute; top: 120px; padding-right: 20px;}






#formLightBox {
	background-color: black;
	opacity: 0.5;
	filter: alpha(opacity=50);

	/*firefox and ie7 are awesome!*/
	width: 100%; height: 100%;
	position: fixed; top: 0; left: 0;
	z-index: 10;

	/*ie 6 sucks*/
	_position: absolute;
	_height: expression(document.documentElement.clientHeight);
	_width: expression(document.documentElement.clientWidth);
	_top: expression(eval(document.documentElement.scrollTop));}

#btCloseLightbox
{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 12px;
	height:11px;
	cursor: pointer;
	background: url(../Image/Buttons/xclose2.gif) no-repeat left top;
	}



#formLightBoxContent {
	width: 428px;
	height: 293px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2000;
	/*background: url(../Image/Backgrounds/express_yourself.jpg) no-repeat left top	;*/
	background: url(../Image/Backgrounds/home_lightbox_bg5.jpg) no-repeat left top	;
	direction: rtl;
	font-size: 12px;
}

#lightboxForm
{
	xpadding-right: 60px;
	padding-right: 25px;
	xpadding-top: 85px;
	padding-top: 153px;
	color: #99231d;
	font-size: 12px;
	}

#lightboxForm p {padding-bottom: 15px; font-weight: bold;}
#lightboxForm .line  {clear: both; height: 26px; padding-right: 10px; }
#lightboxForm .line .field  {float: right; width: 80px; font-weight: bold; color: #000; }
#lightboxForm .line input {float: right; width: 101px; border: solid #fd7c11 1px; }
#lightboxForm .submit {clear: both; margin-right: 114px; background: url(../Image/Backgrounds/lightbox_submit.gif) no-repeat left top; width: 79px; height: 24px; border: 0px; color: #ffffff; font-weight: bold; font-family: Arial; }

#lightboxFormResponse
{
	xpadding-right: 70px;
	padding-right: 35px;
	xpadding-top: 85px;
	padding-top: 160px;
	color: #000;
	}

#lightboxFormResponse p
{
font-weight: bold;
}
#lightboxSubmiting { color: #000; }