/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

html, body
{
    min-height:100%;
    background-color: #fff;
    font-size: 12px;
    font-family: Arial, Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000;
    height:100%;
   }

p, ul
{
    margin-bottom: 10px;
    line-height: 14px;
    color:#000;
    vertical-align:middle;
}

* { margin:0; }

a:link { color:#616161;}
a:visited {color:#616161;}
a:hover {color:#ed1e24;}
a:active {color:#ed1e24;}

img {border:none;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 14px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    padding: 0;
}
h2
{
    padding: 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

.gray
{
	color:#616161;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

 .mainholder 
 {
height:auto !important;
margin:0;
width:800px;
height:100%
}

.testfoot 
{
    min-width:800px;
    min-height:270px;
position:relative;
bottom:0px;
left:0px;
background:url(images/sprite.jpg);
clip:rect(0,800px,270px,0);    
}

.pusher {  height: 4em; width:800px; }

.footer {display:block; width:0px; height:0px;  }

#headergap { display: block; height:5px; width:800px; }

.logo{margin-left:6px;overflow:hidden;}
.logo, .logo a, .logo a:visited 
{
     
     display:block;
    width:160px; 
    height:129px; 
    background:url(images/sprite.jpg) 0 -270px no-repeat; 
    float:left; 
    margin-right:285px;
    cursor:pointer;
   
}

.getaquote{overflow:hidden;margin-top:10px;}
.getaquote, .getaquote a, .getaquote a:visited { cursor:pointer; width:318px; height:114px; background:url(images/sprite.jpg) -322px -285px no-repeat; float:left; }

.uyr { margin-left:230px; }

.headergap2 { display:block; width:800px; height:20px; } 

.leftbar {float:left; min-width:238px; width:238px; left:0; margin-left:0;}
.rightbar {float:left; min-width:520px; width:520px;}

.MainContent { width:800px; }

ul#menu
{
    padding: 0 0 0 0;
    position: relative;
    margin: 0;
    text-align: right;
    left:0;
}

ul#menu li
{
    display: block;
    list-style: none;
    outline:none;
    left:0;
}

a {outline:none;}

#home, #guide, #material, #care, #faq, #sinks, #quote, #about, #contact, #test, #gallery, #taps, #accs, #offas
{overflow:hidden;margin-right:24px;}

#home, ul#menu li#home a, ul#menu li#home a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) 0 -401px no-repeat;  }
ul#menu li#home a:hover, ul#menu li#home a:active { background-position: -223px -401px}

#guide, ul#menu li#guide a, ul#menu li#guide a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) 0 -430px no-repeat; }
ul#menu li#guide a:hover, ul#menu li#guide a:active { background-position: -223px -430px}

#material, ul#menu li#material a, ul#menu li#material a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) 0 -459px no-repeat; }
ul#menu li#material a:hover, ul#menu li#material a:active { background-position: -223px -459px}

#care, ul#menu li#care a, ul#menu li#care a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:26px; background:url(images/sprite.jpg) 0 -488px no-repeat; }
ul#menu li#care a:hover, ul#menu li#care a:active { background-position: -223px -488px}

#faq, ul#menu li#faq a, ul#menu li#faq a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) 0 -516px no-repeat; }
ul#menu li#faq a:hover, ul#menu li#faq a:active { background-position: -223px -516px}

#sinks, ul#menu li#sinks a, ul#menu li#sinks a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) 0 -545px no-repeat; }
ul#menu li#sinks a:hover, ul#menu li#sinks a:active { background-position: -223px -545px}

#quote, ul#menu li#quote a, ul#menu li#quote a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:26px; background:url(images/sprite.jpg) 0 -574px no-repeat; }
ul#menu li#quote a:hover, ul#menu li#quote a:active { background-position: -223px -574px}

#about, ul#menu li#about a, ul#menu li#about a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) 0 -602px no-repeat; }
ul#menu li#about a:hover, ul#menu li#about a:active { background-position: -223px -602px}

#contact, ul#menu li#contact a, ul#menu li#contact a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) 0 -631px no-repeat; }
ul#menu li#contact a:hover, ul#menu li#contact a:active { background-position: -223px -631px}

#test, ul#menu li#test a, ul#menu li#test a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) 0 -660px no-repeat; }
ul#menu li#test a:hover, ul#menu li#test a:active { background-position: -223px -660px}

#gallery, ul#menu li#gallery a, ul#menu li#gallery a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) 0 -2253px no-repeat; }
ul#menu li#gallery a:hover, ul#menu li#gallery a:active { background-position: -223px -2253px}

#taps, ul#menu li#taps a, ul#menu li#taps a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) 0 -2224px no-repeat; }
ul#menu li#taps a:hover, ul#menu li#taps a:active { background-position: -223px -2224px}

 #accs, ul#menu li#accs a, ul#menu li#accs a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) -454px -2224px no-repeat; }
ul#menu li#accs a:hover, ul#menu li#accs a:active { background-position: -677px -2224px}

  #offas, ul#menu li#offas a, ul#menu li#offas a:visited 
{ display:block; width:214px; height:29px; min-width:214px; min-height:27px; background:url(images/sprite.jpg) -454px -2253px no-repeat; }
ul#menu li#offas a:hover, ul#menu li#offas a:active { background-position: -677px -2253px}








.domestic {overflow:hidden;margin-top:30px; margin-left:24px;}
.domestic, .domestic a, .domestic a:visited {display:block; width:191px; height:86px; background:url(images/sprite.jpg) -453px -641px no-repeat;  }
.domestic a:hover, .domestic a:active {background-position:-655px -641px;}

.commercial {margin-top:8px; margin-left:24px;overflow:hidden;}
.commercial, .commercial a, .commercial a:visited {display:block; width:191px; height:84px; background:url(images/sprite.jpg) -453px -736px no-repeat;  }
.commercial a:hover, .commercial a:active {background-position:-655px -736px;}

.compac {overflow:hidden;left:22px;top:60px;}
.compac, .compac a  {display:block; width:87px; height:36px; background:url(images/sprite.jpg) -20px -707px no-repeat; 
                              position:relative;float:left;
                              }
   .dupont{left:100px;top:60px;overflow:hidden;}                           
.dupont, .dupont a {display:block; width:130px; height:41px; background:url(images/sprite.jpg) -299px -743px no-repeat; 
                              position:relative;float:left;
                              }
  .quarella {overflow:hidden;left:160px;top:60px;}                            
.quarella, .quarella a {display:block; width:108px; height:29px; background:url(images/sprite.jpg) -154px -760px no-repeat; 
                              position:relative;float:left;
                              }
.silestone {overflow:hidden;left:22px;top:90px;}                      
 .silestone, .silestone a {display:block; width:116px; height:29px; background:url(images/sprite.jpg) -20px -760px no-repeat; 
                              position:relative;float:left;
                              }
.caesarstone {overflow:hidden;left:140px;top:90px;}
 .caesarstone, .caesarstone a {display:block; width:145px; height:35px; background:url(images/sprite.jpg) -154px -707px no-repeat; 
                              position:relative;float:left;
                              }


.topImageHome { display:block; width:520px; height:230px; background:url(images/sprite.jpg) -453px -399px no-repeat; margin-bottom:30px; }
.topImageGuide { display:block; width:520px; height:230px; background:url(images/sprite.jpg) -520px -833px no-repeat; margin-bottom:30px; }
.topImageMaterials { display:block; width:520px; height:230px; background:url(images/sprite.jpg) -520px -1984px no-repeat; margin-bottom:30px; }
.topImageCare { display:block; width:519px; height:230px; background:url(images/sprite.jpg) -0px -1992px no-repeat; margin-bottom:30px; }
.topImageFaq { display:block; width:520px; height:230px; background:url(images/sprite.jpg) -0px -1283px no-repeat; margin-bottom:30px; }
.topImageSinks { display:block; width:520px; height:230px; background:url(images/sprite.jpg) -0px -1754px no-repeat; margin-bottom:30px; }
.topImageQuote { display:block; width:520px; height:230px; background:url(images/sprite.jpg) -0px -1524px no-repeat; margin-bottom:30px; }
.topImageAbout { display:block; width:519px; height:230px; background:url(images/sprite.jpg) -0px -832px no-repeat; margin-bottom:30px; }
.topImageContact { display:block; width:519px; height:230px; background:url(images/sprite.jpg) -0px -1064px no-repeat; margin-bottom:30px; }
.topImageTestimonials { display:block; width:520px; height:230px; background:url(images/sprite.jpg) -520px -1754px no-repeat; margin-bottom:30px; }
.topImageDomestic { display:block; width:520px; height:230px; background:url(images/sprite.jpg) -520px -1294px no-repeat; margin-bottom:30px; }
.topImageCommercial { display:block; width:520px; height:230px; background:url(images/sprite.jpg) -520px -1064px no-repeat; margin-bottom:30px; }

.topTitleMaterial { display:block; width:160px; height:25px; background:url(images/sprite.jpg) -820px -32px no-repeat; margin-bottom:0px; }
.topTitleCare { display:block; width:160px; height:25px; background:url(images/sprite.jpg) -820px -57px no-repeat; margin-bottom:0px; }
.topTitleCorian { display:block; width:160px; height:25px; background:url(images/sprite.jpg) -820px -132px no-repeat; margin-bottom:0px; }
.topTitleQuote { display:block; width:160px; height:25px; background:url(images/sprite.jpg) -820px -82px no-repeat; margin-bottom:0px; }
.topTitleAbout { display:block; width:160px; height:25px; background:url(images/sprite.jpg) -820px -107px no-repeat; margin-bottom:0px; }
.topTitleContact { display:block; width:160px; height:25px; background:url(images/sprite.jpg) -819px -157px no-repeat; margin-bottom:0px; }
.topTitleTestimonials { display:block; width:160px; height:25px; background:url(images/sprite.jpg) -819px -182px no-repeat; margin-bottom:0px; }
.topTitleDomestic { display:block; width:160px; height:25px; background:url(images/sprite.jpg) -820px -207px no-repeat; margin-bottom:0px; }
.topTitleCommercial { display:block; width:160px; height:25px; background:url(images/sprite.jpg) -820px -232px no-repeat; margin-bottom:0px; }
.topTitleGranite { display:block; width:160px; height:25px; background:url(images/sprite.jpg) -819px -332px no-repeat; margin-bottom:0px; }

.whatwedo { display:block; width:130px; height:31px; background:url(images/sprite.jpg) -667px -272px no-repeat; }


.advantages { display:block; width:130px; height:30px; background:url(images/sprite.jpg) -667px -303px no-repeat; }
.guide { display:block; width:160px; height:21px; margin-bottom:10px; background:url(images/sprite.jpg) -816px -5px no-repeat; }

.news  
{
    display:block; 
    width:191px; 
    height:22px; 
    background:url(images/sprite.jpg) -640px -276px no-repeat; 
    cursor:pointer; 
    margin-left:25px; 
    margin-top:30px;
}
.events { display:block; width:191px; height:22px; background:url(images/sprite.jpg) -640px -307px no-repeat; 
          cursor:pointer; margin-left:25px; margin-top:30px; }
.media { display:block; width:191px; height:22px; background:url(images/sprite.jpg) -640px -339px no-repeat; 
         cursor:pointer; margin-left:25px; margin-top:30px; }
.feederbottom {display:block; width:191px; height:12px; background:url(images/sprite.jpg) -640px -375px no-repeat; 
               cursor:pointer; margin-left:25px;}
.feedercontainer {min-height:100px; height:auto !important; border-right:2px solid #c7c6b1; 
                  border-left:2px solid #c7c6b1; width:187px; margin-left:25px; }
.feeder { width: 170px; margin-left:auto; margin-right:auto; height:auto !important; font-size:9px; padding-top:10px; }
.date { color:Red; } 
.hrfeed { color:Red; height:1px; border:0px solid red; margin-top:5px; margin-bottom:5px; background-color:Red; }

.pagenum { margin:3px 3px 3px 3px; width:20px; height:20px; border:0px solid gray; line-height:20px; vertical-align:middle; text-align:center; display:block; float:left; }

.pagenum a, .pagenum a:link, .pagenum a:visited { color:#000; text-decoration:none; text-align:center; display:block; width:20px; height:20px; text-align:center; line-height:20px; vertical-align:middle;  }
.pagenum a:hover, .pagenum a:active { color:#FFF0EF; background-color:#8F0A00; }

.pagenumon  
{
    margin:3px 3px 3px 3px; width:20px; height:20px; 
    line-height:20px; vertical-align:middle; text-align:center; display:block; float:left;
    border: 1px solid gray; 
}

.pagenumon a, .pagenumon a:link, .pagenumon a:visited  
{
    color:Black; 
    text-decoration:none; 
    text-align:center; 
    display:block; 
    width:20px; 
    height:20px; 
    text-align:center; 
    line-height:20px; 
    vertical-align:middle; 
}

.pagenumon a:hover, .pagenumon a:active 
{ 
	color:#8F0A00; 
	background-color:#E6E6E6; 
}

.quicklinks
{
	font-size:xx-small;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    /* width: 200px; */
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

table td a:link, table td a:visited
{
	text-decoration:none; font-weight:bold; color:Black;
}

table td a:hover, table td a:active 
{ 
	text-decoration:none; color:White; 
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both; width:0; height:0; font-size:0; line-height:0;
}

.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.getquote, .getquote a, .getquote a:visited 
{
	display:block; width:105px; height:20px; margin:auto; background-image:url(images/sprite.jpg); background-position:-106px -2356px;
}

.getquote a:hover, .getquote a:active 
{
	background-position: 0 -2356px;
}

.backb, .backb a, .backb a:visited
{
	height:20px; margin:auto; background-image:url(images/sprite.jpg);
	background-position: -77px -2396px;
	width:76px;
	clear:both;
	float:left;
 }
 
.backb a:hover, .backb a:active
{
	background-position: 0px -2396px;
}

.nextb, .nextb a, .nextb a:visited
{
	height:20px; margin:auto; background-image:url(images/sprite.jpg);
	background-position: -77px -2376px;
	width:76px;
	float:left;
}

.nextb a:hover, .nextb a:active
{
	background-position: 0px -2376px;
}

.checkcode, .checkcode a, .checkcode a:visited
{
	height:20px; margin:auto; background-image:url(images/sprite.jpg);
	background-position: -112px -2316px;
	width:111px;
	float:left;
}

.checkcode a:hover, .checkcode a:active
{
	background-position: 0px -2316px;
}

.completequote, .completequote a, .completequote a:visited
{
	height:20px; margin:auto; background-image:url(images/sprite.jpg);
	background-position: -172px -2296px;
	width:171px;
	float:left;
}

.completequote a:hover, .completequote a:active
{
	background-position: 0px -2296px;
}

.sendquote, .sendquote a, .sendquote a:visited
{
	height:20px; margin:auto; background-image:url(images/sprite.jpg);
	background-position: -112px -2416px;
	width:111px;
	float:left;
}

.sendquote a:hover, .sendquote a:active
{
	background-position: 0px -2416px;
}

.horizspacer 
{
	width:10px;height:10px;display:block;float:left;
}

.showmaterial a
{
	background-position: -130px -2252px;
	width:130px;
}

.showmaterial a:hover
{
	background-position: -0px -2252px;
	width:130px;
}

.leftProductBox 
{
	display:block; width:240px; height:285px; float:left;
}

.rightProductBox 
{
	display:block; width:240px; height:285px; float:right;
}

.errorDiv 
{
	display:none;
}

.sinkad, .sinkad a
{
display:block;
width:519px;
height:277px;
background-image:url(images/adsprite.png);
}
.sinkad a:hover
{background-position: 0 -277px;}


/* pikachoose */
.pikachoose{width:520px;margin:0 auto 20px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:520px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #e6e6e6;padding:2px;background:#e6e6e6;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:516px;height:397px;display:block;position:relative;}
/*since we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #e6e6e6;background:#e6e6e6;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:520px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;display:none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;display:none;}

/* if you want to 'hide' these jus make their height and width 1px. height:456px;width:100px; to show. */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('rewind.png') top left;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('fastf.png') top right;}
/* end pikachoose */

.galleryspacer
{height:10px;clear:both;}

.himacsitem
{
	width: 377px;
	float: left;
}

.himacscolours
{
	margin-bottom: 10px;
}

.himacsitemprice
{
	float:left;
	margin-right:7px;
}

.himacsitemquantity
{
	float:left;
	margin-bottom: 15px;
}


.himacimg
{
	margin-right:5px;
	border-color:#FFFFFF;
	border-width: 1px;
	border-style: solid;
}

.himacimgsel
{
	margin-right:5px;
	border-color:Red;
	border-width: 1px;
	border-style: solid;
}
.flashoffer
{margin-bottom:20px;}



.1810 a:hover
{
background-position:0 -277px;

}


.hide
{display:none;}

.txt
{}

.expand
{position:relative;}

.sink1810
{
 position:relative;
 float:right;
 display:block;
 width:253px;
 height:221px;
 background-image:url(images/adsprite.png);
 }
 
 .access
 {display:none;}
 
 /* special deals */
 
 .specialdeals
 {position:relative;margin-top:20px;clear:both;}
 .specialdeals a
 {background-image:url(images/specialdeals.png);display:block;overflow:hidden;height:75px;width:530px;}
 .deal1
 {display:block;height:75px;width:530px;background-image:url(images/specialdeals.png);}
 
 .deal1, .deal1 a {background-position: 0 -223px;}
 .deal2, .deal2 a {background-position: 0 -298px;}
 .deal3, .deal3 a {background-position: 0 -373px;}
 .deal4, .deal4 a {background-position: 0 -448px;}
 .deal5, .deal5 a {background-position: 0 -523px;}
 .deal6, .deal6 a {background-position: 0 -598px;}
 .deal7, .deal7 a {background-position: 0 -673px;}
 .deal8, .deal8 a {background-position: 0 -748px;}
 .deal91, .deal9 a {background-position: 0 -823px;}
 .deal10, .deal10 a {background-position: 0 -898px;}
 
 .dealbody1{position:absolute;left:120px;width:150px;margin:10px;height:100px;}
  .dealbody2{position:absolute;left:290px;width:200px;margin:10px;}
 
 
 .dealthumb
 {display:block;float:left; height:100px;width:100px;
         background-image:url(images/specialdeals.png);
         margin:10px;}
         
.SDkash{background-position: 0 -0px;}
.SDzimb{background-position: -300px -0px;}        
.SDabso{background-position: -300px -0px;}         
.SDstar{background-position: -200px -0px;}        
.SDubat{background-position: -100px -0px;}        
.SDemer{background-position: -400px -0px;}        
.SDnewv{background-position: 0 -100px;}            
.SDamaz{background-position: -100px -100px;}       
.SDgial{background-position: -200px -100px;}   
         
        
.dealdiags
 {display:block;background-image:url(images/specialdeals.png);margin-top:20px;}
 
.Dzimb{background-position: 0 -980px;width:218px;height:173px;}
.Dabso{background-position: 0 -1153px;width:218px;height:194px;}
.Dstar{background-position: 0 -1347px;width:182px;height:79px;}
.Dstarsp{background-position: 0 -1426px;width:167px;height:128px;}
.Dkash{background-position: -221px -980px;width:237px;height:199px;}
.Dubat{background-position: -221px -1179px;width:154px;height:65px;}
.Dnewv{background-position: -221px -1244px;width:174px;height:143px;}
.Damaz{background-position: -221px -1389px;width:245px;height:125px;}
.Dgial{background-position: -221px -1514px;width:207px;height:187px;}
.Demer{background-position: 0 -1554px;width:181px;height:64px;}

 /* end of special deals */