/* standard elements */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #FFFFFF url('img/body.gif') repeat-y center top;
	font: normal 0.7em Tahoma,Verdana,sans-serif;	
}
a {
	color: #666;
	text-decoration: none;
}

/* headings */
h1 {font: normal 2em sans-serif; margin-top: 1em;}
h2 {font: normal 1.8em sans-serif; margin-top: 0.1em; padding-left: 20px;}
h3 {font: bold 1.3em sans-serif; margin-top: 0.6em;}
h4 {font: bold 1.1em sans-serif; margin-top: 0.4em;}

h1,h2,h3,h4 {color: #444;}

h2.h2frontpage {padding: 0px; margin: 0px; font-size:15px;font-weight: bold;}

textarea {
	font-family: Tahoma, sans-serif;
	font-size: 16px;    
}

img{
border: 0px;
}

#WIP{
   background: #FFFFFF url('img/wip.jpg') repeat-y center top;
   height: 35px;
   border-bottom: 1px solid #000000;
}

/* here's the box... the image is the upper-left corner */
#csc {
  background : #669900 url(img/csc_tl.png) no-repeat;
  width : 20em;
  height : auto;
  position : relative;
  padding : 30px 40px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 39px;
  height : 39px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(img/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(img/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(img/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}


.jqueryslidemenu{
background: #31317B;
width:793px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
border-right: 1px solid #272865;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #31317B; /*background of tabs (default state)*/
color: white;
padding: 6px 8px 6px ;
font-size: 16px;
font-weight: normal;
border-right: 1px solid #000;
color: #2d2b2b;
text-decoration: none;
border: 0px solid orange;
}


* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}



input {
	font-family: Tahoma, sans-serif;
	font-size: 16px;
  table-layout: auto;

}

/* misc elements */
code {
	background: url('img/code.gif');
	border-left: 6px solid #1664D9;
	border: 1px solid #F0F0F0;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}


.giftaddressmessred {
  color: #DB0000;
  font-weight: bold;
}

.giftaddressmessgreen {
  color: #00AA00;
  font-weight: bold;
}


.addtab{
color: #003399;
padding: 6px 6px 6px ;
width: 150px;
font-size: 10px;
font-weight: normal;
border: 0px solid orange;
vertical-align: top;
}

.addtableft{
color: #003399;
padding: 6px 2px 2px ;
font-size: 10px;
font-weight: bold;
border: 0px solid orange;
vertical-align: top;
}

.addformleft {
	background: #ffffff;
  width: 150px;	
  text-align: left;
  border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #555;	
	font: 13px "Lucida Sans Unicode",serif;
	margin: 5px;
	padding: 2px 8px 2px 8px;
}

.addformright {
	background: #ffffff;
  width: 150px;	
  text-align: right;
  border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #555;	
	font: normal 13px Lucida;
	margin: 5px;
	padding: 10px 8px 2px 8px;
}

.listsummaryitem1 {
  background: #FFFFFF; 
  position: relative;    
  width: 500px;
	border-bottom: 1px dashed #666666;
	color: #555;	
	font: 13px "Lucida Sans Unicode",serif;
	margin: 0px;
	padding: 10px 8px 10px 8px;	
}

.listsummaryitem2 {
  background: #FFFFFF;
  position: relative;    
  width: 500px;
	border-bottom: 1px dashed #666666;
	color: #555;	
	font: 13px "Lucida Sans Unicode",serif;
	margin: 0px;
	padding: 10px 8px 10px 8px;
}

.listsummaryitemgiftman {
	background: #E7F0FF; 
  position: relative;    
  width: 470px;
	border-left: 1px solid #B5D2ED;
	border-right: 1px solid #B5D2ED;
	border-bottom: 1px solid #B5D2ED;
	border-top: 1px solid #B5D2ED;
	color: #111111;	
	font: 13px "Lucida Sans Unicode",serif;
	margin: 0px 5px 5px 15px;	
	padding: 10px 8px 20px 8px;
	
}
.listsummaryitemodd {
	background: #E7F0FF;       
  width: 470px;
  height:100%;
	border-left: 1px solid #B5D2ED;
	border-right: 1px solid #B5D2ED;
	border-bottom: 1px solid #B5D2ED;
	border-top: 1px solid #B5D2ED;
	color: #111111;	
	font: 13px "Lucida Sans Unicode",serif;
	margin: 0px 5px 5px 15px;	
	padding: 10px 8px 20px 8px;
}

.listsummaryitemoddg {
	background: #E7F0FF; 
  position: relative;    
  width: 470px;
  height:100%;
	border-left: 1px solid #B5D2ED;
	border-right: 1px solid #B5D2ED;
	border-bottom: 1px solid #B5D2ED;
	border-top: 1px solid #B5D2ED;
	color: #111111;	
	font: 13px "Lucida Sans Unicode",serif;
	margin: 0px 5px 5px 15px;	
	padding: 10px 8px 20px 8px;
}

.listsummaryitemoddheader {
	background: #ffffff url('img/boxtabp.gif') no-repeat left top;
  clear: none;    
  width: 467px;	
  color: #000000;	
	font: 18px "Tahoma",serif;
	margin-left: 15px;
	margin-right: 5px;
	margin-top: 15px;
	padding: 5px 0px 5px 15px;
	padding-left: 20px;
  height: 23px;	
	border: 0px solid green;
}

.listsummaryitemoddheadern {
	background: #ffffff url('img/boxtab.gif') no-repeat left top;
  clear: none;   
  width: 443px;	
  color: #000000;	
	font: 18px "Tahoma",serif;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 5px 0px 5px 15px;
	padding-left: 50px;
	height: 23px;
  border: 0px solid green;	
}

.listsummaryitemoddheaderm {
	background: #ffffff url('img/boxtabm.gif') no-repeat left top;
  clear: none;   
  width: 443px;	
  color: #000000;	
	font: 18px "Tahoma",serif;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 5px 0px 5px 15px;
	padding-left: 50px;
	height: 23px;
  border: 0px solid blue;	
}

.listsummaryitemoddheaderng {
	background: #ffffff url('img/boxtabg.gif') no-repeat left top;
  clear: none;   
  width: 443px;	
  color: #000000;	
	font: 18px "Tahoma",serif;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 5px 0px 5px 15px;
	padding-left: 50px;
	height: 23px;
}

.listsummaryitemoddheadermg {
	background: #ffffff url('img/boxtabmg.gif') no-repeat left top;
  clear: none;   
  width: 443px;	
  color: #000000;	
	font: 18px "Tahoma",serif;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 5px 0px 5px 15px;
	padding-left: 50px;
	height: 23px;
  border: 0px solid green;	
}

.gifttabtopright { 
  float: right;    
  width:100px;	
  color: #000000;	
	font: bold 12px "Tahoma",serif;
	margin-top: 5px;
	margin-right: 15px;
  text-align: right;	
  height: 23px;
  border: 0px solid red;
}
.gifttabtopleft { 
  float: left;    
  width:320px;	
  color: #000000;	
	font: 14px "Tahoma",serif;
	margin-top: 0px;
  text-align: left;
  height: 23px;	
  border: 0px solid orange;
}


.buttonbar {
  position: relative;    
  width: 488px;	
  color: #000000;	
	font: 20px "Tahoma",serif;
	margin-right: 5px;
	margin-left: 15px;		
}
.buttonbarright {
	background: #ffffff; 
  float: right;    
  width: 200px;	
  color: #000000;	
	font: 20px "Tahoma",serif;
	margin-top: 10px;
	padding: 5px 8px 5px 8px;
  text-align: right;	

}
.buttonbarleft {
	background: #ffffff;   
  float: left; 
  width: 200px;	
  color: #000000;	
	font: 20px "Tahoma",serif;
	margin-top: 10px;
	padding: 5px 8px 5px 8px;
  text-align: left;	

}


.listsummaryitemtotal {
	background: #E7F0FF;    
  position: relative;
  width: 470px;
  height: 90px;
	border: 1px solid #B5D2ED;
	color: #111111;	
	margin: 0px 5px 5px 15px;	
	padding: 10px 8px 20px 8px;
	font: 13px "Lucida Sans Unicode",serif;	  	
}


.listsummaryitemcart {
	background: #E7F0FF; 
  position: relative;    
  width: 470px;
  height: 400px;
	border: 1px solid #B5D2ED;
	color: #111111;	
	margin: 0px 5px 5px 15px;	
	padding: 10px 8px 20px 8px;
	font: 13px "Lucida Sans Unicode",serif;	  	
}

  .prop {
    height:150px;
    float:right;
    width:1px;
  }
  
  .propbig {
    height:630px;
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

.listsummarypic {
	position: relative;
  float: left;
	border: 0px solid #BBB;
  margin-top: 0px;
  overflow: hidden;	
  padding: 0px;	
}

.listsummarypicbottles {
	position: relative;
  float: left;
	border: 0px solid #BBB;
  margin-top: 0px;
  overflow: hidden;	
  padding: 0px;	
}

.listsummaryname {
	float: right;
  position: relative;
  width: 495px;
	border: 0px solid #BBB;
  margin-top: 0px;
  margin-right: 5px;		
  font: 20px "Tahoma";  
  height: 37px;
  color: #000;
  text-align:right;
}

.listsummarydesc {
	float: right;
  position: relative;
  width: 485px;
  text-align: justify; 
	border: 0px solid #BBB;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;		
  font: normal 13px "Lucida Sans Unicode",serif;
  color: #333;
}

.listsummaryprice {
	float: right;
  top: 0px;
  width: 200px;
  height: 28px;
	border: 0px solid red;
  margin-right: 5px;		
  margin-top: 20px;
  font: bold 20px "Tahoma";
  color: #E40000;
  text-align:right;
}

.listsummarypricebreakdown {
  width: 250px;  
  height: 15px;
  margin-right: 5px;		
  margin-top: 0px;      
  text-align:right;
  float: right;    		
  font: 12px "Tahoma";
  color: #333;  
  border: 0px solid red;
}

.listsummarypromtext {
  width: 300px;  
  height: 15px;
  margin-right: 5px;
  padding-top: 10px;
  padding-bottom: 3px;		
  margin-top: 0px;      
  text-align:right;
  float: right;    		
  font: 15px "Tahoma";
  font-weight: bold;
  color: rgb(228,0,0);  
  border: 0px solid red;
}

.listsummarypricespecial {
  width: 350px;  
  height: 15px;
  margin-right: 5px;		
  margin-top: 0px;      
  text-align:right;
  float: right;    		
  font: 12px "Tahoma";
  color: #E01D33;  
  border: 0px solid red;
}

.listsummaryprice2 {
	float: right;
  top: 0px;
  width: 460px;
	border-top: 1px dashed #AAA;
  margin-right: 5px;		
  margin-top: 10px;
  padding-top: 5px;
  font: bold 18px "Tahoma";
  color: #000;
  text-align:right;
}

.listsummarypricevat {
	float: right;
  top: 0px;
  width: 350px;
  height: 15px;
	border: 0px solid #BBB;
  margin-right: 5px;		
  margin-top: 5px;
  font: 14px "Tahoma";
  color: #333;
  text-align:right;
}
.listsummarypricenett {
	float: right;
  top: 0px;
  width: 250px;
  height: 15px;
	border: 0px solid #BBB;
  margin-right: 5px;		
  margin-top: 5px;
  font: 14px "Tahoma";
  color: #333;
  text-align:right;
}

.listsummarycode {
  float: right;
  text-align: right;    
  width: 200px;	
  margin-right: 5px;
  margin-top: 10px;
  font:  11px "Tahoma";
  color: #666;
}

.checkoutmessage {
  text-align: center;    
  width: 470px;
	border: 0px solid #BBB;	
  padding-left: 20px;
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  font:  12px "Tahoma";  
  color: #DB0000;
}

.listsummarydatemess {
  float: right;
  text-align: right;    
  width: 348px;
	border: 0px solid #BBB;	
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
  font:  12px "Tahoma";  
  color: #444;
  border: 0px solid red;
}

.listsummarynav {
	float: right;    
  width: 200px;
	border: 0px solid #BBB;
  margin-left: 0px;		
  font: bold 10px sans-serif;
  color: #666;
}

.listdetailitem {
	background: #CED5F0;
  width: 470px;	
  border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #555;	
	font: normal 13px "Lucida Sans Unicode",serif;
	margin: 5px;
	padding: 10px 8px 2px 8px;
	border: 0px solid red;
}

.listsummaryaddsel {
	float: right;
  top: 0px;
  width: 350px;
  height: 100%;
	border: 0px solid #BBB;
  margin-right: 5px;		
  margin-top: 5px;
  font: bold 12px "Tahoma";
  color: #000;
  text-align:right;
  border: 0px solid green;  
}

.listdetailpic {
	float: left;
  height: 220px;
	border: 1px solid #BBB;
  margin: 5px;		
}


.listdetailname {
	float: left;
  width: 330px;
  margin: 5px;
	border: 0px solid #BBB;
  margin-left: 5px;
  margin-right: 5px;		
  font: bold 12px Lucida;
  color: #333;
}

.listdetaildesc {
	float: left;
  width: 455px;
  text-align: justify; 
	border: 0px solid #BBB;
  margin-left: 5px;
  margin-right: 5px;		
  font: normal 12px Lucida;
  color: #333;
}

.listdetailprice {
	float: right;
  position: relative;
  top: 0px;
  text-align: right;
  width: 100px;
  height: 60px;
	border: 0px solid #BBB;
  margin-left: 5px;
  margin-right: 13px;		
  margin-top: 5px;
  font: bold 16px Lucida;
  color: #555;
}

.listdetailvat {
	float: right;
  position: relative;
  top: 0px;
  text-align: right;
  width: 100px;
  height: 60px;
	border: 0px solid #BBB;
  margin-left: 5px;
  margin-right: 35px;		
  margin-top: 5px;
  font: 9px Lucida;
  color: #666;
}

.listdetailbutton {
	float: right;
  position: relative;
  top: 0px;
  text-align: right;
  width: 495px;
  height: 25px;
	border: 0px solid #BBB;
  margin-left: 5px;
  margin-right: 3px;		
  font: bold 9px Lucida;
  color: #666;
}

.listdetailcode {
	position: relative;    
  width: 20px;
	border: 0px solid #BBB;
  margin-right: 5px;  		
  font: bold 9px Tahoma;
  color: #666;
}

.listdetailnav {
	float: right;    
  width: 200px;
	border: 0px solid #BBB;
  margin-left: 0px;		
  font: bold 10px sans-serif;
  color: #666;
}

#searchresults {  
  height: 20px;
  margin-left: 5px;
  padding-left: 5px;
  padding-top:2px;
}

ol {margin: 0 0 1.2em 2em;}

/* structure */
#main {
	width: 793px;
	border-top: 0px solid #EEE;
	margin: 0px auto;
}

#shadowtop {
  background: url('img/shadowtop.gif') no-repeat left top;
  border: 0px solid green;
	float: left;
	width: 542px;
	height: 25px;
}

#main_left {
  border: 0px solid green;
	float: left;
	width: 543px;
}
#main_right {
  border: 0px solid red;
	float: right;
	width: 250px;
	padding-right:0px;
}


/* misc */
.left {float: left;}
.right {float: right;}
span.comment {padding-left: 18px; background: url('img/icon_comment.gif') no-repeat left center;}
.clearer {clear: both; font-size: 0; height: 0;}

/* logo */
#header {
	background: #fff url('img/prlogo.gif') no-repeat;
	border-bottom: 6px solid #FFF;
	height: 110px;
	text-align: right;
	border: 0px solid orange;
}

#warning {
		margin:0;
		padding:0;		
		width:500px;
    position:absolute;
    left: 400px;
    top: 400px;
    background: #114455;
    color: #ffffff;
	}

#navcontainer {

  background-color: #ffffff;
  height: 25px;
  border:0px solid orange;
}
	
#nav {
		margin:0;
		padding:0;		
		width:100%;
		float:left;		
	}
	#nav li {
		display:inline;
		padding:0;
		margin:0;
	}
	#nav a:link,
	#nav a:visited {
		color:#fff;
		background:#003EAB;
		padding:3px 20px 3px 3px;
		float:left;
		width:auto;
		border-right:1px solid #fff;
		text-decoration:none;
		font:bold 1em/1em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
	#nav a:hover {
		color:#fff;
		background:#F7A529;
	}
	#nav li:first-child a {
		border-left:1px solid #fff;
	}
	#home #nav-home a,
	#about #nav-about a,
	#archive #nav-archive a,
	#lab #nav-lab a,
	#reviews #nav-reviews a,
	#contact #nav-contact a {
		background:#FFEF00;
		color:#fff;
	}
	#home #nav-home a:hover,
	#about #nav-about a:hover,
	#archive #nav-archive a:hover,
	#lab #nav-lab a:hover,
	#reviews #nav-reviews a:hover,
	#contact #nav-contact a:hover {
		background:#FFEF00;
	}
	#nav a:active {
		background:#e35a00;
		color:#fff;
	}



/* sidebar label */
.label {
  background: #333;
	clear: both;
	color: #EEE;
	font: normal 1.5em "Lucida Sans Unicode",sans-serif;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
}

/* lists */
ul.block {
	background: #2A2A2A;
	border-top: 1px solid #3A3A3A;
	margin: 0;
	padding-bottom: 12px;
}
.block li {
  border-bottom: 1px solid #3A3A3A;
	list-style: none;	
}
.block a {
	color: #CCC;
	display: block;
	font: normal 1.2em Verdana,sans-serif;
	padding: 0.0em 0.0em 0.0em 10px;	
  width: 240px;
}
.block a:hover {
	background: #31317B;
	color: #FFF;
}
.block a em {
	color: #999;
	display: block;
	font: normal 0.8em Verdana,sans-serif;
	margin-top: 0.3em;
}

/* lists */
ul.cartblock {
	background: #2A2A2A;
	border-top: 1px solid #3A3A3A;
	margin: 0;
	padding-bottom: 12px;
}
.cartblock li {
	font: normal 1.0em Verdana,sans-serif;
	list-style: none;
	color: #F79431;
	padding-top: 5px;
	text-align: center;
}
.cartblock a {
	color: #CCC;
	display: block;
	font: normal 1.2em Verdana,sans-serif;
	padding: 0.0em 0.0em 0.0em 0.6em;
	width: 96%;
}
.cartblock a:hover {
	background: #31317B;
	color: #FFF;
}
.cartblock a em {
	color: #999;
	display: block;
	font: normal 0.8em Verdana,sans-serif;
	margin-top: 0.3em;
}



/* content */ 
#content {
	border: 0px solid orange;
  color: #444;
	font-family: Verdana,sans-serif;
	line-height: 1.3em;
	padding: 0px 10px 20px 10px; 
}
#content a {color: #1664DA;}
#content a:hover {
	text-decoration: underline;
	color: #06F;
}
#content p {margin: 0.4em 0 1em 0;}
#content .descr {
	color: #666;
	margin-bottom: 0.5em;
}
#content ul li {list-style: url('img/li.gif');}
#content ul {margin-left: 1.8em;}

/* footer */
#footer {
	color: #666;
	clear: both;
}
#footer .right {color: #555;}
#footer .right a {color: #555;}
#footer .right a:hover {
	color: #777;
	text-decoration: underline;
}
#footer .left a {color: #777;}
#footer .left a:hover {
	color: #333;
	text-decoration: underline;
}
#footer .left {
	border-top: 1px solid #F0F0F0;
	padding: 9px 0 9px 9px;
	width: 507px;
} 
#footer .right {
	margin-right: 1em;
	padding: 0.8em 0;
	text-align: right;
	width: 220px;
}

/* posting */
.post_info {
	background: #FAFAFA;
	border: 1px solid #EEE;
	color: #555;
	margin-bottom: 1em;
	padding: 0.6em 0.7em;
}

TD.productListing-data {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: Gray;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
}

TD.frontpagelist {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	line-height: 1.6;
	list-style-image: url(images/checkout_bullet.gif);
	/*background: #F5F5FC;*/
	/*border: thin dotted #B8D0E2;*/
	width: 90%;
}

TD.frontpagelistmain {
	font-family: Verdana;
	font-size: 14px;
	font-weight:  normal;
	font-style:  normal;
	line-height: 1.9;
	padding-left: 20px;
  padding-right: 20px;	
}


#header h1 { 
font-size: 22px;
letter-spacing: -1px;
padding: 0 0 0 10px;
color: #fff;
}
#header h1 a { 
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #ccc;
}
#header h2 {
font-size: 16px;
color: #ccc;
padding: 0 0 0 10px;
}

#navigation {
background: #111 url(images/menu.gif) repeat-x;
height: 30px;
line-height: 30px;
margin: 10px auto;
}
#navigation li {
float:left;
list-style-type:none;
border-right:1px solid #444;
}
#navigation li a {
display:block;
padding:0 20px;
text-decoration:none;
color: #fff;
letter-spacing:1px;
}
#navigation li a:hover {
background: #333 url(images/menuover.gif) repeat-x;
color:#fff;
text-decoration:none;
}

.left {
float: left;
width: 220px;
padding: 0px;
line-height: 14px;
}
.left h2 {
margin-top: 10px;
font: bold 12px Verdana, 'Trebuchet MS', Sans-serif;
padding: 5px 0 5px 5px; 	
border-bottom: 1px dotted #999;
}
.left ul  {
color: #999;
text-align: left;
margin: 3px 0 8px 0; 
padding-left: 0px;
text-decoration: none;	
list-style-type:square;	
}
.left ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
.left ul a {
font-weight: 600;
color: #173D7F;
}
.left ul a:hover { color : #333; }

.right { 
float: right;
width: 470px;
padding: 10px;
margin-right: 20px;
}
.right h2 {
padding: 2px 0 5px 0px; 
font: bold 15px Verdana, 'Trebuchet MS', Sans-serif;
color: #444;	
border-bottom: 1px dotted #999;
margin-bottom: 5px;
margin-top: 10px;
}

#footer { 
background: #222;
color: #eee;
margin-top:20px;
height: 30px;
line-height: 30px;
text-align: center;
}
#footer a {  color: #aaa; text-decoration: none; }
#footer  a:hover { color: #777; }


#menu {
width: 15em; /* set width of menu */
background: #eee;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 20px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #000;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
font-size: 20px;
background: #000 url(images/menu.gif) repeat-x;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #CFDDFF;
text-decoration: none;
}

#menu a:hover {
color: rgb(186,2,6);
background: #A8B9FF;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




/* form 5 */

	#form5{
		margin:1em 0;
		padding-top:10px;
		}
	#form5 fieldset{
		margin:0;
		padding-top:.5em;
		border:none;	
		border-top:1px solid #f1f1f1;
		}		
	#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
		float:left;
		width:60px;
		display:block;
		text-align:right;
		margin-right:10px;
		}	
	#form5 input, #form5 textarea{	
		margin:0;	
		width:250px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
	
	
	#form5 input#name{background:#fff url(../images/form5/form_name.gif) no-repeat 5px 50%;}
	#form5 input#email{background:#fff url(../images/form5/form_email.gif) no-repeat 5px 50%;}
	#form5 input#web{background:#fff url(../images/form5/form_url.gif) no-repeat 5px 50%;}
	#form5 textarea#message{background:#fff url(../images/form5/form_note.gif) no-repeat 5px 6px;}
	
	
	#form5 textarea{
		height:125px;
		overflow:auto;
		}					
	#form5 p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 70px;
		border-top:1px solid #f1f1f1;		
		
		}	
	#form5 button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form5/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}				

/* // form 5 */

table.fancy {
  margin: 1em 1em 1em 0;
  background: #E7F2F9;
  border-collapse: collapse;
}
table.fancy th, table.fancy td {
  border-top: 1px silver dashed;
  padding: 0.1em;
  color: #222222;
}
table.fancy th {
  background: #ffffff;    
  text-align: left;
}
table.fancy caption {
  margin-left: inherit;
  margin-right: inherit;
}

.boxinfo {
border-top: 1px dashed #888888;
font-size: 11px;
color: #333333;
width: 180px;

}