/* my.parol style */ 

html, body { 
 margin:0; 
 padding:0; 
 font: normal 11px verdana, lucida, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 background: transparent  url(images/myparolbackgr.gif) no-repeat top left;  
 
 } 
 
 

table.info
{
color:black;
background-color:#D3D3D3;
width: 470px; 
border: 1px solid #474747;
}

TD    { 
url(images/white.gif); 
background: #F5F5F5; 
border: 1px solid #474747;
font: normal 11px verdana, lucida, "Lucida Grande", "Lucida Sans Unicode", sans-serif;

}

table.product
{
color:black;
background-color:#FFFFFF;
width: 550px; 
border: 0px solid #A9A9A9;
}

TD.product    { 
url(images/white.gif); 
background: #FFFFFF; 
border: 0px solid #A9A9A9;
font: normal 11px verdana, lucida, "Lucida Grande", "Lucida Sans Unicode", sans-serif;

}


TD.plain    { 
background: #FFFFFF; 
border: 0px solid #A9A9A9;
font: normal 11px verdana, lucida, "Lucida Grande", "Lucida Sans Unicode", sans-serif;

}



table.price
{
color:black;
background-color:#FFFFFF;
border: 1px solid #A9A9A9;
}

TD.price    { 
url(images/white.gif); 
background: #F5F5F5; 
border: 1px solid #A9A9A9;
font: normal 11px verdana, lucida, "Lucida Grande", "Lucida Sans Unicode", sans-serif;

}


 #navcontainer ul
{
  position: absolute;
  left: 5px;
  top: 210px;
  width: 180px; 
  border: 1px dotted #595323;
  padding: 2px 1em 1px 4px; 
  list-style-type: none;
  text-align: left;
	background: transparent;
}


#navcontainer ul li a
{
background: transparent url(images/list-off.gif) left center no-repeat;

padding-left: 8px;

text-align: left;
font: bold 11px verdana, lucida, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
text-decoration: none;
color: #474747;
}

#navcontainer ul li a:hover
{
background: transparent url(images/bullet.gif) left 
center no-repeat;
color: black;
font-weight: bold;

}

#navcontainer ul li a#current
{
background: transparent url(images/bullet_on.gif) left center no-repeat;
color: red;
font-weight: bold;
}

#lev2
{
padding-left: 15px;
padding-bottom: 1px;
color: black;
}





/* Headings */

h1  {
	font-size: 16px;
	line-height:18px;
	color: red;
	text-align: left;
	margin-top:20px;
	padding-top:4px;
	padding-bottom:0px;
}


h2  {
	font-size: 12px;
	color: black;
	text-align: left;
	line-height:14px;
	padding-top:10px;
	padding-bottom:0px;
}


h3  {
	
	
	font-size: 11px;
	color: red;
	text-align: left;
	line-height:12px;
	padding-top:12px;
	padding-bottom:0px;
	font-style: italic;
	
	
	
}

h4  {
	font-size: 11px;
	color: #36365E;
	text-align: left;
	line-height:12px;
	margin-left:10px;
	padding-top:14px;
	padding-bottom:0px;
}



 
#pagewidth{ 
 width:100%;  
} 
 
#header{
 position:relative; 
 height:165px; 
 
 width:100%;
 color: white;
} 
 

#twocols{
 width:75%;
 float:right; 
 position:relative; 
    

  }
 
 #leftcol{
 width:165px; 
 float:left; 
 position:relative; 
 background-color:white;


 }
 
#rightcol{
 width:130px; 
 float:right; 
 position:relative; 
 
 

 }
 
#maincol{ 
 float:left; 
 display:inline; 
 position:relative; 
 width:520px; 
 font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;

 }
 
  #rightcolbox
{
   
  top: 200px;
  width: 100%; 
  border: 1px dotted #595323;
  padding: 2px 1em 2px 1em; 
  text-align: left;
  background-color:lightgray;
  color: black;
  font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
 
#footer{
 height:50px; 
  background-color:white; 
 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}
clear:both;
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}