*{
margin: 0;
padding: 0;
vertical-align: middle;
}

img{
border: none;
}

html{
}

body{
font: normal normal normal 12px/15px Arial, Helvetica, sans-serif;
color: #fff;
background: #ccc url(i/back.png);
}

#holder{
width: 980px;
margin: 10px auto 0;
background: #222;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

#header{
position: absolute;
top: 10px;
width: 980px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

#header img{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

#main{
width: 380px;
margin: 250px 0 0 190px;
float: left;
background: #ddd;
padding: 12px 20px;
color: #000;

}

#main.wider{
width: 730px;
}

.prodpage #main{

}

#main ul{
margin: 10px 10px 10px 30px;
}

#main li.head{
list-style: none;
font-weight: bold;
margin-top: 10px;
}

#left{
width: 160px;
margin: 240px 0 0 -610px;
float: left;
}

#left.wider{
margin-left: -960px;
}

.prodpage #left{
}

#right{
width: 350px;
margin: 240px 0 0 10px;
float: left;
}

#right h2, #left h2{
font: normal normal bold 14px/16px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 0 10px;
}

#topmenu{
position: absolute;
top: 190px;
z-index: 2;
margin-left: 560px;
}

#topmenu ul{
margin: 0 10px;
height: 32px;
word-spacing: 0px;
}

#topmenu li{
display: inline;
float: left;
}

#topmenu a{
display: inline-block;
width: 32px;
height: 32px;
text-align: center;
font: normal normal normal 0px/0px Arial, Helvetica, sans-serif;
text-decoration: none;
background: #ce1d23;
color: #fff;
text-transform: uppercase;
overflow: hidden;
margin: 0 10px 0 0;
}

#topmenu li.last a{
width: 32px;
}

#topmenu a:hover{
opacity:0.7;
filter:alpha(opacity=70);
}

#topmenu a.homepng{
background: transparent url(i/home.png);
}

#topmenu a.aboutpng{
background: transparent url(i/about.png);
}

#topmenu a.designpng{
background: transparent url(i/design.png);
}

#topmenu a.offerspng{
background: transparent url(i/offers.png);
}

#topmenu a.infopng{
background: transparent url(i/info.png);
}

#topmenu a.cartpng{
background: transparent url(i/cart.png);
}

#topmenu a.contactpng{
background: transparent url(i/contact.png);
}

#topmenu a.cataloguepng{
background: transparent url(i/catalogue.png);
}

#leftmenu{
margin: 0 0 20px 10px;
}

#leftmenu li{
list-style: none;
font: normal normal bold 14px/24px Arial, Helvetica, sans-serif;
margin: 10px 0;
}

#leftmenu li li{
margin: 0;
}

#leftmenu a{
text-decoration: none;
display: block;
width: 154px;
padding: 0 0 0 6px;
color: #444;
background: #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px 3px 3px 3px;
}

#leftmenu li li a{
border-radius: 0;
-moz-border-radius: 0;
}

#leftmenu a:hover{
background: #eee;
color: #b30;
}

#leftmenu li ul{
position: absolute;
margin: -24px 0 0 160px;
visibility: hidden;
}

#leftmenu li:hover ul{
visibility: visible;
}

#footer{
width: 980px;
height: 68px;
clear: both;
}

#footer p{
text-align: center;
font: normal normal normal 11px/18px Arial, Helvetica, sans-serif;
}

#footer a{
text-decoration: none;
color: #99f;
}

#photoarea{
float: right;
width: 304px;
margin: 10px 0 10px 10px;
}

#mainphoto{
border: 1px solid #000;
border-color: #888 #000 #000 #888;
margin: 0 0 3px 0;
}

.box{
width: 198px;
height: 192px;
border: 1px solid #000;
border-color: #888 #000 #000 #888;
overflow: hidden;
float: left;
margin: 0 4px 4px 0;
}

.prod{
height: 240px;
}

.smaller{
width: 178px;
}

.box img{
border: 1px solid #eee;
}

.phthumb{
border: 1px solid #000;
border-color: #888 #000 #000 #888;
margin: 3px 2px 2px 0;
}

.box p{
font: normal normal bold 14px/20px Arial, Helvetica, sans-serif;
text-align: center;
}

.box p a{
margin: 10px 0 0 0;
background: #000;
display: block;
color: #fff;
text-decoration: none;
padding: 0 3px;
height: 60px;
}

.box p a:hover{
background: #333;
}

.minibox{
width: 146px;
height: 128px;
border: 1px solid #000;
border-color: #888 #000 #000 #888;
overflow: hidden;
margin: 10px auto;
}

.minibox img{
border: 1px solid #eee;
}

.minibox p{
font: normal normal bold 10px/14px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
}

.minibox p a{
margin: 10px 0 0 0;
background: #000;
display: block;
color: #fff;
text-decoration: none;
padding: 0 3px;
height: 42px;
}

.minibox p a:hover{
background: #444;
}

h1{
font: normal normal bold 20px/28px Arial, Helvetica, sans-serif;
}

h2, h3{
font: normal normal bold 16px/24px Arial, Helvetica, sans-serif;
margin: 10px 0;
}

.clearboth{
clear: both;
}

.clickable{
cursor: pointer;
}

ul.prevnext{
padding: 10px 0;
clear: both;
}

ul.prevnext li{
list-style: none;
display: inline;
text-align: center;
font: normal normal bold 10px/20px Arial, Helvetica, sans-serif;
}

ul.prevnext a{
display: inline-block;
text-decoration: none;
width: 30px;
height: 20px;
background: #555;
color: #fff;
text-align: center;
}

ul.prevnext li.current a{
background: #000;
}

p{
margin: 10px 0;
}

input.qty{
width: 30px;
}

form.prodform{
background: #eee;
border: 1px solid #aaa;
width: 270px;
padding: 0 0 0 4px;
margin: 10px 0;
}

.was{
text-decoration: line-through;
color: #888;
}

ol{
margin: 10px 10px 10px 30px;
}

.contact label, .label{
width: 180px;
display: inline-block;
}

.contact input, .contact textarea{
width: 250px;
}

textarea{
height: 100px;
}

a{
color: #006;
}

a:hover{
color: #33f;
}

.centre{
text-align: center;
}

.just{
text-align: justify;
}

.sinput{
width: 112px;
}

#corntl{
width: 78px;
height: 75px;
position: absolute;
top: 7px;
z-index: 1000;
/* background: transparent url(i/corntl.png); */
margin-left: -2px;
display: none;
}

#cornbl{
width: 75px;
height: 78px;
position: absolute;
z-index: 1000;
/* background: transparent url(i/cornbl.png); */
margin-left: -4px;
margin-top: -75px;
}

#cornbr{
width: 78px;
height: 75px;
position: absolute;
z-index: 1000;
/* background: transparent url(i/cornbr.png); */
margin-left: 904px;
margin-top: -71px;
}

#corntr{
width: 78px;
height: 75px;
position: absolute;
top: 9px;
z-index: 1000;
/* background: transparent url(i/corntr.png); */
margin-left: 908px;
}

#cornmaintl, #cornmaintr, #cornmainbr, #cornmainbl{
display: inline-block;
height: 21px;
width: 21px;
background: transparent url(i/cornmaintl.png);
position: absolute;
top: 260px;
margin-left: -20px;
}

#cornmaintr{
margin-left: 379px;
background: transparent url(i/cornmaintr.png);
}

#main.wider #cornmaintr{
margin-left: 729px;
}

#cornmainbr{
margin-left: 379px;
margin-top: -9px;
background: transparent url(i/cornmainbr.png);
top: auto;
}

#main.wider #cornmainbr{
margin-left: 729px;
}

#cornmainbl{
margin-top: -9px;
background: transparent url(i/cornmainbl.png);
top: auto;
}

#fadegall img{
position: absolute;
z-index: 101;
}