html {overflow-y:scroll;}

body
{
	text-align: center;
	background-color: #F2F3F3;
	margin: 0px;
	margin-bottom: 20px;
	font-family: arial;
	scrollbar-3dlight-color: #B7B7B7;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #B7B7B7;
	scrolbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	_behavior:url('hover.htc');

}

a img {border: 0px;}
.clear {clear: both;}
.nowrap {white-space: nowrap;}
.box {border:  1px solid red;}
.red {background: red;}
.off {display:none;}
p {margin-top: 0px; margin-bottom: 10px; }

.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}

/* Hide from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* #Hide from IE-mac */

table.layout {
	border-collapse: collapse;
	border: 0px;
}

table.layout td {
	padding: 0px;
	vertical-align: top;
}

table.layout td.vMiddle	{vertical-align: middle;}


#Page {
	width: 880px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	}

#PageTop {
	position: relative;
	height: 87px;
	overflow: hidden;
	}

#PageTop .logo {
	position: absolute;
	margin-top: 22px;
	}
#PageTop .logo img
{
	margin-right: 15px;
}
#PageTop .logo .logoseparator
{
    top: -5px;
    position: relative;
}
#Toolbox {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 241px;

	overflow: hidden;
	}

#Toolbox a {
	display: block;
	float: left;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-transform: uppercase;
	xtext-decoration: none;
	font-size: 9px;
	color: #706A5A;
	padding: 3px 18px;
	width: 80px;
	height: 11px;
	overflow: hidden;
	margin-left: 1px;
	margin-bottom: 1px;
	}

#Toolbox .notebook {background-image: url('../Image/Icons/icon_notebook.gif');}
#Toolbox .faq {background-image: url('../Image/Icons/icon_faq.gif');}
#Toolbox .contactUs {background-image: url('../Image/Icons/icon_contactus.gif'); margin-right: -3px; }
#Toolbox .globalLink {color: #fb8c3d; background-image: url('../Image/Icons/icon_global.gif');}
#Toolbox .distributorToolbox {color: #fb8c3d;}
#Toolbox .search
{
	display: block;
	float: left;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-image: url('../Image/Icons/icon_search.gif');
	background-position: 5px 5px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	color: #706A5A;
	padding: 3px 18px;
	*padding: 3px 18px;
	_padding: 3px 17px;
	padding-top: 1px;
	width: 80px;
	*width: 80px;
	_width: 82px;
	height: 13px;
	overflow: hidden;
	margin-left: 1px;
	margin-bottom: 1px;
	position: relative;
	}


#Toolbox .search #TopSearchStr
{
	height: 11px;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 9px;
	overflow: hidden;
	border: 1px solid #d1d1d1;
	margin-top: 1px;
	*margin-top: 0px;
	_margin-top: 0px;
	padding:0 2px 0 2px !important;
	width: 74px;
	*width: 74px;
	_width: 72px;
	color: #6B6251;
	background: #f7f6f6; /* #EFEFEF */
}

#Toolbox .search #TopSearchBtn
{
	border: none;
	position: absolute;
	top: 2px;
	right: 8px;
	width: 12px;
	height: 13px;
	overflow: hidden;
	background: url('../Image/Buttons/SearchButton2.gif') no-repeat;
	cursor: pointer;
}

#Toolbox input:focus {
	background-color:#dddddd;
	border: 0px;
	color: #000000;
	padding-top: 2px;
}

#Toolbox input:active
{
	border: 0px;
	padding-top: 2px;
	color: #000000;
}

#MainMenu {
	height: 37px;
	overflow: hidden;
	}
	
#MainMenu td
{
	width: 90px;
	height: 33px;
	border-bottom: solid #ffffff 1px;
	border: solid #EBEBEB 1px;
	vertical-align:middle;
	text-align: center;
	background: #ffffff;
	padding: 3px 5px;
}

#MainMenu a 
{
    margin: auto;
    display:block;    
    width: 80px;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}

#LanguageSelect
{
	float: right;
	position: absolute;
	right: 0;
	top: 100px;
	padding: 0;
	margin: 0;
	height: 20px;
	font-size: 11px;
	color: #7b7d7b;
	list-style-type: none;
}
	#LanguageSelect li
	{
		float: left;
		padding-right: 5px;
		padding-left: 5px;
	}
		#LanguageSelect li a
		{
			text-decoration: none;
			color: #7b7d7b;
		}
	#LanguageSelect li.sep
	{
		width: 1px;
		height: 10px;
		background-color: #7b7d7b;
		padding: 0;
		margin-top: 3px;
	}

#PageMiddle {
	background: url('../Image/backgrounds/PageMiddle_background.gif') repeat-y left top;
	zoom: 1;
	clear: both;
	position: relative;
	padding-bottom: 70px;
	}

.shortChildMenu
{
	position: absolute;
	z-index:1;
	display: block;
	left: 0px;
	top: 0px;
	width: 660px;
	overflow: hidden;

}

.fullChildMenu
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 880px;
	overflow: hidden;
}

/* Mouse Hover Menu */
#MainMenu a.last {
}

#MainMenu td.Global{background-color:#eaeae8;border:0px;}
#MainMenu td.Global a{color:#000000;font-weight:bold;padding-top:4px;}

#MainMenu td.current 
{
	background: #3E3E3E;
	border: solid #3E3E3E 1px;
	border-bottom: solid #555555 1px;
}
#MainMenu td.selected 
{
	border: solid #3E3E3E 1px;
	background: #3E3E3E;
	color:#eee;
}
	#MainMenu td.selected a
	{
		color:#ED8136;
	}
#MainMenu td.current a{
	color: #ffffff;
	padding-top:3px;
}

#MainMenu{
	overflow:visible;
	position:relative;
	top:0px;
	left:0px;
	z-index:100;
}
	#MainMenu .ChildMenuWrap{
		position:absolute;
		display:none;
		top:126px;
		*top:41px;
		left:0px;
		width:660px;
	}
	#MainMenu .ChildMenuWrap a:hover{
		color:#ED8136
	}

#ChildsMenu,
.ChildMenuWrap{
	background: #3E3E3E;
	height: 16px;
	}

	#ChildsMenu a,
	#MainMenu .ChildMenuWrap a{ 
		display: inline;
		overflow: hidden;
		float: left;
		width: auto;
		height: 12px;
		background: url('../Image/Layout/childmenu_seperator.gif') no-repeat right 3px;
		padding: 1px 10px;
		text-decoration: none;
		color: #ffffff;
		font-size: 11px;
		}

	#ChildsMenu a.last,
	.ChildMenuWrap a.last{ 
		background-image:none;
	}
	#MainMenu td div.ChildMenuWrap a{
		color: #fff;
	}
	.ChildMenuWrap a.current,
	#ChildsMenu a.current {
		color: #ED8136;
		}
/**/

#Footer
{
	clear: both;
	width: 660px;
	overflow: hidden;
	position: relative;
	font-size: 10px;
	color:#605D5B;
	}
#Footer .black
{background: #000000;color: #ffffff;
	height:16px;

	}
#Footer #MantisLink {
	position: absolute;
	right: 10px;
	top: 1px;
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	}

#Footer #MantisLink span {font-family: Rockwell; font-size: 11px;}

#Footer #Copyrights {
	display: none;
	}

#Footer #BottomMenu {
	padding: 1px;
	}
#Footer .bottomText {padding: 10px 0px;}
#Footer #BottomMenu a , #Footer #BottomMenu a:visited {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	background: url('../Image/Layout/bottommenu_seperator.gif') no-repeat right 3px;
	padding: 0px 10px;
	}


#MainContentWrap a {color: #6C6050;}
#ChildsMenu a{color:#ffffff;}

#MainContentWrap ul {
	display: inline;
	list-style: none;
	margin: 0px;
	list-style-position: outside;
	}

#MainContentWrap ul li {
	display: block;
	background: url('../Image/Bullets/list_bullet.gif') no-repeat 0px 4px;
	padding-left: 13px;
	padding-bottom: 5px;
	color: #6B6251;
	}

#MainContentWrap ul li ul{
	padding-top: 5px;
	margin-bottom:15px;
	position:relative;
	top:5px;
	}

#MainContentWrap ul li.noBg {
	background: none;
	padding-left: 0px;
	padding-bottom: 5px;
	}

#MainContentWrap hr
{
	background: #E1E1E1;
	color: #E1E1E1;
	height: 1px;
	overflow: hidden;
	border: 0px;
	margin: 15px 0px;
	}
#NotebookShadow
{
    position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	_height: 1000px;
	z-index:1500000;
	background-color:#000;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
#NotebookWrap
{
    position:fixed;
	z-index: 2000000;
	left: 0px;
	top: 0px;
	width: 100%;
}
* html #NotebookShadow,
* html #NotebookWrap
 { /*\*/position: absolute; top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); /**/ }
	#NotebookWrap .notebooklightbox
	{
		display: none;
	}
.notebooklightbox
{
	background: Black;
	padding: 30px 23px 45px;
	position: relative;
	width: 258px;
	text-align: left;
	left: 25%;
}
	.notebooklightbox .close
	{
		color: #ee8238;
		top: 10px;
		right: 8px;
		float: right;
		font-size: 11px;
		position: absolute;
		background: url('../Image/Buttons/close.jpg') no-repeat right center;
		padding-right: 19px;
		cursor: pointer;
	}
	.notebooklightbox h3
	{
		color: #ee8238;
		font-size: 18px;
		font-family: Arial;
		border-bottom: solid 1px #2e2e2e;
		width: 254px;
		padding-bottom: 11px;
		font-weight: normal;
		margin-top: 0;
	}
	.notebooklightbox label
	{
		display: block;
		color: White;
		font-size: 12px;
		padding-bottom: 3px;
	}
	.notebooklightbox .send
	{
		position: absolute;
		bottom: 10px;
		right: 8px;
		float: right;
		cursor: pointer;
		color: #ee8238;
		text-transform: uppercase;
		font-size: 11px;
		background: url('../Image/Buttons/shaded.gif') repeat-x left top;
		padding: 3px 15px;
	}
	.notebooklightbox input,
	.notebooklightbox textarea
	{
	    background-color: #171717;
	    border: solid 1px #2e2e2e;
	    color: White;
	    width: 254px;
	}
	.notebooklightbox textarea
	{
	    height: 134px;
	}
	.notebooklightbox a
	{
		color: #ee8238;
		font-size: 11px;
		float: right;
	}
#NotebookPanel
{
	width: 880px;
	margin: 0px auto;
	background: #ffffff url('../Image/Backgrounds/Notebook.gif') repeat-y left top;
	text-align: left;
	position: relative;
}
#NotebookContent {
	float: left;
	width: 660px;
	font-size:11px;
	padding-top: 25px;
}
	#NotebookContent a {color: #6C6050;}
	#NotebookContent h2
	{
		font-size: 28px;
		font-weight: normal;
		font-family: times;
		color: #000000;
		float: left;
		width: 190px;
		padding-left: 15px;
		overflow: hidden;
		margin: 0px;
		padding-top: 0px;
	}
	#NotebookContent .filter
	{
	    padding-left: 20px;
	}
#NotebookLoginPanel .body
{
	position: relative;
	top: -10px;
}
#LoginViewWrap
{
	width: 425px;
	overflow: hidden;
}

#LoginViewWrap #LoginPanel
{
	width: 425px;
	overflow: hidden;
	position: relative;
	padding-bottom: 2px;
}

#LoginViewWrap .seper
{
	width: 100%;
	height: 10px;
	overflow: hidden;
}

#LoginViewWrap #LoginPanel INPUT.textbox
{
	background: #FAFAFA;
	border:solid 1px #E1E1E1;
	width: 140px;
}
#LoginViewWrap #LoginPanel INPUT.checkbox
{
}
#LoginViewWrap #LoginPanel .btn
{
	background: #EF7D0B;
	color: #ffffff;
	border: 0px;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9px;
	height: 16px;
}
#LoginViewWrap #RegisterPanel
{
	position: relative;
	padding-bottom: 2px;
	width: 425px;
	overflow: hidden;
}
#LoginViewWrap .seper
{
	width: 100%;
	height: 10px;
	overflow: hidden;
}
#LoginViewWrap #RegisterPanel INPUT.textbox
{
	background: #FAFAFA;
	border:solid 1px #E1E1E1;
	width: 140px;
}
#LoginViewWrap #RegisterPanel .btn
{
	background: #EF7D0B;
	color: #ffffff;
	border: 0px;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9px;
	width: 60px;
	height: 16px;
}
#NotebookLoginPanel #btLogout
{
    display: none;
}
#NotebookLoginPanel .body .goBack
{
	position: absolute;
	bottom: 2px;
	right: 8px;
}
#NotebookListsPanel {
}
.notebooklist {
	clear: both;
	margin-left: 15px;
	margin-right: 15px;
	list-style-type: none;
	padding: 0;
}
.notebooklist .item
{
	float: left;
	height: 85px;
	padding: 4px;
	border: solid 1px White;
	margin-right: 4px;
	margin-bottom: 18px;
	position: relative;
}
	.notebooklist .item .thumb
	{
		cursor: pointer;
		float: left;
		width: 66px;
		height: 81px;
		overflow: hidden;
	}
    .notebooklist .itemhover
    {
        border-color: #d2d2d2;
    }
	.notebooklist .item .thumb img
	{
		margin-bottom: 5px;
		width: 66px;
		height: 66px;
		cursor: move;
	}
	.notebooklist .item .thumb div.header
	{
		position: absolute;
		left: 4px;
		top: 55px;
		height: 15px;
		width: 60px;
		color: White;
		padding-left: 6px;
		background: Black;
		opacity: 0.5;
		filter: alpha(opacity=50);
		overflow: hidden;
	}
	.notebooklist .item .thumb .clearfix div
	{
		float: left;
		height: 8px;
		width: 10px;
		background-color: Gray;
		border-right: solid 1px #e7e7e7;
	}
	.notebooklist .item .thumb div.print
	{
		width: 14px;
		background:url('../Image/Buttons/thumb_print.gif') no-repeat left top;
	}
	.notebooklist .item .thumb div.view
	{
		width: 14px;
		background:url('../Image/Buttons/thumb_view.jpg') no-repeat center top;
	}
	.notebooklist .item .thumb div.send
	{
		width: 19px;
		background:url('../Image/Buttons/thumb_send.gif') no-repeat 5px top;
	}
	.notebooklist .item .thumb div.comment
	{
		width: 19px;
		background:url('../Image/Buttons/thumb_comment.gif') no-repeat 7px top;
	}
	.notebooklist .item.hascomment .thumb div.comment
	{
	    background-image:url('../Image/Buttons/thumb_comment_orange.gif');
	}
	.notebooklist .item .thumb div.delete
	{
		width: 11px;
		background:url('../Image/Buttons/thumb_delete.gif') no-repeat right top;
		border-right: 0;
	}
	.notebooklist .item input
	{
		position: absolute;
		left: 51px;
		top: 3px;
		*left: 58px;
		*top: 6px;
		width: 10px;
		height: 10px;
	}

	.notebooklist .item textarea
	{
		left: 75px;
		top: 3px;
		border: solid 1px #d2d2d2;
		height: 64px;
		width: 151px;
		overflow-y: scroll;
		z-index: 100;
		margin-left: 76px;
		display: block;
	}
#Links {
	float: right;
	width: 220px;
	text-align: left;
	padding-bottom: 50px;
	position: relative;
}
	#Links h4
	{
		color: #EF7D0B;
		display: block;
		text-transform: uppercase;
		background: url('../Image/Bullets/title_bullet.gif') no-repeat 6px 5px;
		padding-left: 18px;
		padding-top: 2px;
		padding-bottom: 2px;
		margin: 0px;
		font-size: 10px;
		text-decoration:none;
		border-bottom: solid #535353 1px;
		border-top: solid #535353 1px;
	}

	#Links a
	{
		color: #ffffff;
		display: block;
		text-transform: uppercase;
		background: url('../Image/Bullets/list_bullet.gif') no-repeat 4px 5px;
		padding-left: 18px;
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 10px;
		text-decoration:none;
		border-bottom: solid #535353 1px;
	}

    #Links .linkPrint
    {
        border-top: solid #535353 1px;
    	background:url('../Image/Buttons/thumb_print.gif') no-repeat 4px 5px;
    }
    #Links .linkSend
    {
    	background:url('../Image/Buttons/thumb_send.gif') no-repeat 4px 5px;
    }
    #Links .linkComment
    {
    	background:url('../Image/Buttons/thumb_comment.gif') no-repeat 4px 5px;
    }
    #Links .linkClear
    {
        background:url('../Image/Buttons/thumb_delete.gif') no-repeat 4px 5px;
    }

	#Links .linkUserAction
	{
		margin-top: 10px;
		border-top: solid #535353 1px;
		background-position: 4px 6px;
	}

	#Links .linkWhatIs
	{
		border-top: solid #535353 1px;
		background-position: 4px 6px;
		width: 200px;
		margin-bottom: 30px;
	}
#NotebookCloseLink
{
	position: absolute;
	right: 110px;
	bottom: -17px;
	display: block;
	width: 95px;
	height: 15px;
	padding-top: 2px;
	padding-left: 15px;
	color: #ffffff;
	background: #000000 url('../Image/Bullets/close_x.gif') no-repeat 4px 5px;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
}
#NotebookBottomStrip
{
	position: absolute;
	left: 0px;
	bottom: -26px;
	display: block;
	width: 880px;
	height: 26px;
	background-image:url('/CaesarStone/CaesarWeb/Resources/Global/Image/Backgrounds/dark_grad_bottom.png');
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/CaesarStone/CaesarWeb/Resources/Global/Image/Backgrounds/dark_grad_bottom.png',sizingMethod='scale');
	_background:none;
}
#NotebookOpenLink, #NotebookCloseLink
{
    cursor: pointer;
}

/* For the automatic popup */
.imagePopup { display: block; position: relative; _height: 0px; _top: 5px;}