html {overflow-y:scroll;}

body
{
	text-align: center;
	background:url(background.jpg) repeat-x;
	background-color:#072C46;
	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');

}

	#WhiteMainCategory {
	
	background:#F3F3F3;
	border-left: solid #919191 0px;
	border-right: solid #919191 0px;
	border-bottom: solid #919191 1px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	width:820px;
	height: auto;
	
	
	}
	
		#WhiteContactUs {
	
	background:#F3F3F3;
	border-left: solid #919191 1px;
	border-right: solid #919191 1px;
	border-bottom: solid #919191 1px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

	width:818px;
	height: 400px;
	
	
	}

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: 0px; }

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: 120px;
	overflow: hidden;
	top: 2px;
	}

#PageTop .logo {
	position: absolute;
	margin-top: 5px;
	left: 0px;
	top: 1px;
	border: 2px #0697F2;
	}
#PageTop .logo img
{
	margin-right: 15px;
}
#PageTop .img Middle {
	margin-right: 15px;
	position: relative;
	visibility: visible;
}
#PageTop .logo .logoseparator 
{
    top: -2px;
    position: relative;
}
#Toolbox {
	position: absolute;
	right: 0px;
	top: 3px;
	width: 270px;
	height: 116px;
	overflow: hidden;

	}

#Toolbox a {
	display: block;
	float: left;
	background-color:#F3F4F5;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	color: #000000;
	padding: 3px 18px;
	width: 89px;
	height: 11px;
	overflow: hidden;
	margin-left: 1px;
	margin-bottom: 1px;
	border: thin solid #BAC2D1;
	}
	
	#Toolbox a:hover {
	background-color:#0697F2;
	}

#Toolbox .notebook {background-image: url('../Image/Icons/icon_notebook.gif');}
#Toolbox .faq {background-image: url('../Image/Icons/icon_faq.gif');}
#Toolbox .login {background-image: url('../Image/Icons/login.gif');}
#Toolbox .gallery {background-image: url('../Image/Icons/icon_gallery.gif');}
#Toolbox .links {background-image: url('../Image/Icons/icon_links.gif');}
#Toolbox .news {background-image: url('../Image/Icons/icon_news.gif');}
#Toolbox .testimonials {background-image: url('../Image/Icons/icon_testimonials.gif');}
#Toolbox .shop {background-image: url('../Image/Icons/icon_shop.gif');}
#Toolbox .specialOffers {background-image: url('../Image/Icons/specialOffers.gif');}
#Toolbox .accreditations {background-image: url('../Image/Icons/accreditations.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: 74px;
	*width: 74px;
	_width: 76px;
	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: 6px;
	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: 50px;
	overflow: hidden;
	background-color: #FFFFFF;
	}

#MainMenu a {
	display: block;
	float: left;
	width: 208px;
	height: 21px;
	background:#0697F2;
	color: #000000;
	text-decoration: none;
	text-align: center;
	border: solid #EBEBEB 1px;
	font-size: 12px;
	padding: 3px 5px;
	border-bottom: solid #000000 1px;
	font-weight: bold;
	}

#MainMenu a:hover {
	color: #FFFFFF;
	background-color: #000000;
}

#MainMenu a.last {
	background-color: #FFFFFF;

}
#MainMenu a.Global{background-color:#0697F2;color:#0697F2;font-weight:bold;border:0px;padding-top:4px;}
#MainMenu a.current {
	border: solid #3E3E3E 1px;
	border-bottom: solid #555555 1px;
	color: #FFFFFF;
	background-color: #316AC5;

	}

#PageMiddle {
	background: url('../Image/backgrounds/PageMiddle_background.gif') repeat-y left top;
	zoom: 1;
	clear: both;
	position: relative;
	padding-bottom: 0px;
	visibility: visible;
	
	}
	
.middleFlash
{
height: 330px;
width: 880px;
background:#000000;
padding-bottom:0px;

}

.middleFlashSm
{
height: 125px;
width: 880px;
background:#000000;
padding-bottom:0px;

}

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

}

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

#ChildsMenu 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:#333333;
	font-size: 11px;
	}

#ChildsMenu a.last {
	background-image:none;
}

#ChildsMenu a.current {
	color:#6F86CA;
	}



#Footer
{
	clear: both;
	width: 880px;
	overflow: hidden;
	position: relative;
	font-size: 10px;
	color:#605D5B;
	background-color: #FFFFFF;
	}
#Footer .black
{background: #000000;color: #0000CC;
	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;
	background-color: #A8B0BB;
	}
#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;}


#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;
	}


#NotebookWrap
{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 100%;
	}

#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;
	}

#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;
	width: 49px;
	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 .body .goBack
{
	position: absolute;
	bottom: 2px;
	right: 8px;

}

#NotebookListsPanel {

	}

#NotebookProducts {
	clear: both;
	margin-left: 15px;
	margin-right: 15px;
	}

#NotebookProducts .product .thumb
{
	cursor: pointer;
}

#NotebookProducts .product
{
	float: left;
	width: 66px;
	height: 80px;
	margin-right: 14px;
	margin-bottom: 25px;
	position: relative;
}

#NotebookProducts .product .delete
{
	position: absolute;
	left: 49px;
	top: 68px;
	background: url('../Image/Buttons/thumb_delete.gif') no-repeat 4px 4px;
	width: 12px;
	height: 12px;
	overflow: hidden;
	cursor: pointer;

	}



#NotebookGalleryImages {
	clear: both;
	margin-left: 15px;
	margin-right: 15px;
	}

#NotebookGalleryImages .image .thumb
{
	cursor: pointer;
	}

#NotebookGalleryImages .image
{
	float: left;
	width: 66px;
	height: 80px;
	margin-right: 14px;
	margin-bottom: 25px;
	position: relative;
}

#NotebookGalleryImages .image .delete
{
	position: absolute;
	left: 49px;
	top: 68px;
	background: url('../Image/Buttons/thumb_delete.gif') no-repeat 4px 4px;
	width: 12px;
	height: 12px;
	overflow: hidden;
	cursor: pointer;

	}



#NotebookLoginPanel {

	}

#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 .linkUserAction
{
	margin-bottom: 20px;
	margin-top: 10px;
	border-top: solid #535353 1px;
	background-position: 4px 6px;
	}

#Links .linkWhatIs
{
	position: absolute;
	left: 0px;
	bottom: 10px;
	border-top: solid #535353 1px;
	background-position: 4px 6px;
	width: 200px;
	}

#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('http://www.caesarstone.uk.com/CaesarStone/CaesarWeb/Resources/Global/Image/Backgrounds/dark_grad_bottom.png');
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.caesarstone.uk.com/CaesarStone/CaesarWeb/Resources/Global/Image/Backgrounds/dark_grad_bottom.png',sizingMethod='scale');
	_background:none;

}

#DarkWrap
{
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 1000px;
	background-image:url('http://www.caesarstone.uk.com/CaesarStone/CaesarWeb/Resources/Global/Image/Backgrounds/dark_bg.png');
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.caesarstone.uk.com/CaesarStone/CaesarWeb/Resources/Global/Image/Backgrounds/dark_bg.png',sizingMethod='scale');
	_background:none;
}

#NotebookOpenLink, #NotebookCloseLink
{
    cursor: pointer;
}





#roundedBox {
	BACKGROUND: url(roundedBox/leftside.jpg) #fff repeat-y left top; MARGIN: 0px auto; WIDTH: 880px;
}
.top {
	BACKGROUND: url(roundedBox/top.jpg) no-repeat left top; WIDTH: 100%; HEIGHT: 20px
}
.top SPAN {
	DISPLAY: block; BACKGROUND: url(roundedBox/top-right.jpg) no-repeat right top; POSITION: relative; HEIGHT: 20px
}
.center-content {
	height: 170px; PADDING-RIGHT: 20px; PADDING-LEFT: 25px; BACKGROUND: url(roundedBox/rightside.jpg) repeat-y right top; PADDING-BOTTOM: 1px; MARGIN: -1px 0px -50px; PADDING-TOP: 1px; 
	}
.center-content-larger {
	height: 190px; PADDING-RIGHT: 20px; PADDING-LEFT: 25px; BACKGROUND: url(roundedBox/rightside.jpg) repeat-y right top; PADDING-BOTTOM: 1px; MARGIN: -1px 0px -50px; PADDING-TOP: 1px; 
	}
	.center-content-auto {
	overflow: auto; PADDING-RIGHT: 20px; PADDING-LEFT: 25px; BACKGROUND: url(roundedBox/rightside.jpg) repeat-y right top; PADDING-BOTTOM: 1px; MARGIN: -1px 0px -50px; PADDING-TOP: 1px;
	}
	
	.center-content-form {
	height: 600px; PADDING-RIGHT: 20px; PADDING-LEFT: 25px; BACKGROUND: url(roundedBox/rightside.jpg) repeat-y right top; PADDING-BOTTOM: 1px; MARGIN: -1px 0px -50px; PADDING-TOP: 1px; 
	}
	
.center-content-verylarge {
	height: 475px; PADDING-RIGHT: 20px; PADDING-LEFT: 25px; BACKGROUND: url(roundedBox/rightside.jpg) repeat-y right top; PADDING-BOTTOM: 1px; MARGIN: -1px 0px -50px; PADDING-TOP: 1px; 
	}
		
.left-content {
	height: 145px; width: 250px; PADDING-RIGHT: 20px; PADDING-LEFT: 0px; BACKGROUND: url(roundedBox/sectionRightside.jpg) no-repeat right bottom; MARGIN: -1px 0px -50px; FLOAT: left; position:relative; font-family: Verdana; font-size: 80%; z-index: 100; padding-top:3px;
}
.middle-content {
	height: 145px; width: 250px; PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(roundedBox/sectionRightside.jpg) no-repeat right bottom; MARGIN: -1px 0px -50px; FLOAT: left; position: relative;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; z-index: 101;
}
.right-content {
	height: 170px;
	width: 230px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 15px;
	MARGIN: -1px 0px -50px;
	FLOAT: left;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	overflow: hidden;
	z-index:102;
}



.left-content-auto {
	overflow: auto;
	width: 250px;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(roundedBox/sectionRightside.jpg) no-repeat right bottom;
	MARGIN: -1px 0px -50px;
	FLOAT: left;
	position:relative;
	font-family: Verdana;
	font-size: 80%;
	z-index: 100;
	padding-top:3px;
}
.middle-content-auto {
	overflow: auto; width: 250px; PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(roundedBox/sectionRightside.jpg) no-repeat right bottom; MARGIN: -1px 0px -50px; FLOAT: left; position: relative;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; z-index: 101;
}
.right-content-auto {
	overflow: auto;
	width: 230px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 15px;
	MARGIN: -1px 0px -50px;
	FLOAT: left;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	z-index:102;
}



.bottom {
	BACKGROUND: url(roundedBox/bottom.jpg) no-repeat left bottom; WIDTH: 100%; HEIGHT: 60px; z-index:2;
}
.bottom SPAN {
	DISPLAY: block; BACKGROUND: url(roundedBox/bottom-right.jpg) no-repeat right top; POSITION: relative; HEIGHT: 60px
}