body {
background: #5e5e5e;
font-family: "Myriad Pro", "Myriad", Arial, Helvetica, sans-serif;
padding:0px;
height:100%;
margin:0px;
color: #333333;
text-align:center;
}

img {
   behavior: url("/pngbehavior.htc");
}

p {
line-height:150%;
}

h1 {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 220%;
font-weight:normal;
line-height:140%;
margin:0;
}

h2, .price {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 180%;
font-weight:normal;
line-height:140%;
margin:0;
}

h3 {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight:bold;
text-decoration:none;
margin:0;
}

h4, h5, h6 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight:bold;

}

a:link, a:visited {
color: #000000;
}



#maindiv {
width:100%;
height:100%;
text-align:center;
min-height: 100%;
}

#mainpanel {
text-align:center;
height:100%;
min-height: 100%;
padding-top:10px;
}


#leftpanel {
width:156px;
padding-top:5px;
min-height:400px;
padding-left:10px;
padding-right:10px;

}

#wrapper1 {
margin-left:0px;
position:relative;
width:1000px;
text-align:left;
padding-left:20px;
margin:0;
}

#wrapper { /* also holds the left "sliding" tab */
text-align:left;

background:  url(http://www.dmitryguskov.com/imgs/lmenu_bg.gif) repeat-y left #ffffff;
behavior: url("/pngbehavior.htc");
width: 1000px; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 80%;
min-height:600px;
}

#header {
clear: both; 
text-align:center;
background:  url(http://www.dmitryguskov.com/imgs/top_bg.gif) repeat-x;
behavior: url("/pngbehavior.htc");
overflow:hidden;
height:130px;
}

#logo {
float:left;
padding-top:0px;
}

#lefttop {
position:relative;
float:left;
background:  url(http://www.dmitryguskov.com/imgs/lefttop.gif) no-repeat;
width:31px;


}

#slogan {
position:absolute;
font-family: "Myriad Pro", "Myriad", Arial, Helvetica, sans-serif;
font-size:22px;
color:#999999;
top:35px; 
z-index:101;
text-align:center;
width:440px;
left:160px;

}

#trolley {
position:relative;
padding:10px;
float:right;
background:  url(http://www.dmitryguskov.com/imgs/trolley_bg.png) no-repeat;
width:165px;
height:162px;

}

#trolleycontent {
width:160px;
text-align:left;
height:80px;
padding:0px;

}

#righttop {
float:right;
position:relative;
background:  url(http://www.dmitryguskov.com/imgs/righttop.gif) no-repeat;
width:31px;
height:192px;

}

#pic {
position:relative;
left:0px;
float:right;
}



#menubar {
position: absolute; 
top: 91px; 
left: 160px; 
display:block;
width:920px;
height:39px;
z-index:100;
text-align:left;
vertical-align:top;
line-height:normal;
}

/* End IE5-Mac hack */
#menubar a:hover {
  color:#fff6cc;
  }

#menubar td {
	vertical-align:top;
	padding:0;
	margin:0;
}  
 
.menucell {
background:  url(http://www.dmitryguskov.com/imgs/mnu_bg.png) repeat-x 0 0;
 behavior: url("/pngbehavior.htc");
}  
.menulink {
	padding-top:6px;
	width:120px;
	text-align:center;
}  
  
.menulink a, .menulink a:visited {
  font-family: "Myriad Pro", "Myriad", Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
  top:10px;
  padding-left:10px;
  padding-right:10px;
  }
  


#leftmenu  {
display:block;
margin:0;
padding:0;
width:160px;

}

  
#leftmenu  ul {
list-style-type: none; 
text-align:top;
padding:0;
margin:0;
margin-left:12px;
padding-left:0px;
vertical-align:middle;
}


  
.submenu  ul {
list-style-type: none; 
text-align:top;
padding:0;
margin:0;
margin-left:12px;
margin-top:12px;
padding-left:0px;
vertical-align:middle;

}

.submenu  li a  {
	color: #000000;
	text-decoration:none;
	font-weight:bold;
	line-height:200%;
	margin:0px;
	padding: 0px;
	font-size: 80%;
}


.line {
border-bottom: 1px dashed #5584c5;  
}

#leftmenu  ul .line {
margin-left:-26px; 
border-bottom: 1px dashed #5584c5;  
}

#copyright {
position:relative;
color: #cccccc;
text-align:left;
font-size:10px;
width:1000px;

}

#leftmenu li a {
	color: #000000;
	text-decoration:none;
	font-weight:bold;
	line-height:200%;
	margin:0px;
	padding: 0px;
}



#footer {
text-align: center;
color: #fff;
background: #656565;
vertical-align:middle;
font-size: 80%;
height:26px;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}


#valid {
position:relative;
margin-right:280px;
top:5px;
}

#valid a{
color: white;
text-decoration:none;
}

#panel {
margin-right:-1px;
top:1px;
width:840px;
z-index:1;
padding-top:16px; 
min-height:400px;
margin-left:160px;
}

.imageparts {
width:600px;
text-align:center;
}

.textblock {
background: #fff6cc;
border: 1px solid #5584c5;
min-height:150px;
padding:16px;

}


.textblock h2 {
text-align: center;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight:bold;
line-height:140%;
padding:6px;
margin:5px;
}


.textblock p {
font-family: Arial, Helvetica, sans-serif;

}

.shadow {
width:500px;
FILTER:Shadow(color=#CCCCCC, direction=120);
}

#hometop ul {
list-style-image: url(http://www.dmitryguskov.com/imgs/hometop_bullet.gif); 
color: #6e6e6e;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight:bold;
line-height:140%;

}



#contentfloatholderpage {/* also makes the right "sliding" tab */
float: left;
width: 100%;
background: #ffffff url(/images/main_bg.gif) repeat-x 0 0;
position: relative;
border: 1px solid #ffffff;

}


#contentfloatholderpage:after {
/* this is for NN6 to clear floats */
 content: "."; 
 display: block; 
 height: 0px;
 clear: both; 
 visibility: hidden;
}

#centerpad {
margin: 0 0 0 0px;
display: inline-block; /* TRIP haslayout for safety */
}

#centerpad, #centerpadpage {
display: block; /* SWITCH back the display */
}

#center {
color: #000;
float:left;
width: 100%; 
margin-right: -95%; 



/* this needs to be less than 100% for Moz/Mac which thinks 
      it's empty otherwise. The difference is made up by putting a 
      negative left margin on the left float:
 Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
 be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
*/
}

#content {
font-size: 100%%;
padding-left:18px;
padding-right:30px;
}

.imageblockv {
vertical-align: middle;
float:left;
width:350px;

}

.imageblock {
vertical-align: middle;
position:relative;
float:left;
width:399px;
text-align:center;
}

.imageblockright {
vertical-align: middle;
position:relative;
width:399px;
text-align:center;
}

.imagewrap {
width:100%;height:850px;
}

.description {
margin-top:20px;
}

.images {
left:146px;
position:relative;
}

.imageblock .image, .imageblockright .image{
left:16px;
top:16px;
position:relative;

}

.imageblock .text {

}

.imageblock .image img, .imageblockright .image img{
vertical-align: middle;
border: 1px solid black;
}

.indent p{
padding-left:30px;
}

#left {
position: relative; 
width: 150px;
height:100%;
min-height:400px;
left: 0px; 
top:130px;
background: url(http://www.dmitryguskov.com/imgs/left_bg.png) repeat-y 0 0;

}



#leftimage {
position: absolute; 
text-align:center;
bottom: 0px; 
left: 0px; 
width:178px;
display:block;

}




/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left p, #right h3
{
text-align:left; 
line-height:120%;
}

#right p {
text-align:justify;
line-height:130%;
}


.product {
display:inline;
width:300px;
border:10px;
}

.outerpair1 {
background: url(http://www.dmitryguskov.com/imgs/upperrightfade.png) right top no-repeat;
} 

.outerpair2 {
background: url(http://www.dmitryguskov.com/imgs/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}

.outerpairimage1 {
float:left;
width:138px;
background: url(http://www.dmitryguskov.com/imgs/upperrightfade.png) right top no-repeat;
}

.outerpairproduct {
position:relative;
min-height:160px;
width:50%;
float:left;
background: url(http://www.dmitryguskov.com/imgs/upperrightfade.png) right top no-repeat;
}

.outerpairimage2 {
width:138px;
background: url(http://www.dmitryguskov.com/imgs/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}


.shadowbox {
background: url(http://www.dmitryguskov.com/imgs/shadow.png) bottom right;
}

.imagebox {
width:138px;
padding:10px;
FILTER:Shadow(color=#cccccc, direction=120);
}

.fofmbutton {
background:  url(http://www.dmitryguskov.com/imgs/button.png) no-repeat;
color:white;
font-size:12px;
font-weight:bold;
text-align:center;
border:none;
width:113px;
height:21px; 
margin-bottom:4px; 

}

.productshort {
position:relative;
float:right;
}

.productimage {
display:block;
width:138px;
FILTER:Shadow(color=#cccccc, direction=120);
}

.lq, .rq {
color: #ee0027;
font-size: 300%;
margin: -5px;
margin-top:-10px;
margin-bottom:-20px;
}

.rq {
text-align:right;
}

.quote {
margin-top:-10px;
}