/** fixed two column layout */
body {text-align:center;}
div#container{width: 873px; margin: 0 auto; text-align: left;}
div#content{margin-left:180px;}
div#navigation{float:left;width:180px;}
div#extra{float:left;clear:left;width:180px;margin:0;}
div#footer{margin:0;}
div#wrapper{margin: 0 73px;}
div#empty{clear:both;}

/** GENERAL / BETTER DEFAULTS**/	
.floatRight img { margin: 5px 0px 5px 15px; }
.floatLeft img {  margin: 5px 25px 15px 0px; }
.floatLeft {  float: left; }
.floatRight { float: right; }
a img { border: 0; }
body {
	margin: 15px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}
#smallcart font {
        color: #000;
        font-weight: bold;
        font-size: 100%;
}
table, form, div, span, h2, font, b { margin: 0; padding: 0; }
ul {margin-bottom: 0; padding-bottom: 0;}


a:link {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;


}
a:hover {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}

a:active {

	color: #666;
	text-decoration: underline;
	font-weight: bold;
}
a.mustrasvane, a.mustrasvane:hover {
        color: #000;
}
/*** BASIC ELEMENTS ***/
	#header{
		    height: 88px;
		}
        #header a {
        color: #000;
}
        #header a:hover {
        text-decoration: none;
}

	#footer{
	height: 90px;
        font-weight: bold;
	text-align:center;
		}
		
	#footer p{ margin:0; padding: 15px 0; }
	
	#smallcart{
	margin: 0 73px;
	font-weight: bold;
	text-align:left;
        padding: 10px;	
        border-left: 4px solid #d91c12;
        border-right: 4px solid #d91c12;
        }
		
	#smallcart form{

	float: left;

		}
	#smallcart a{

	padding-left: 10px;

		}
		
		#search {
  margin: -60px 80px 0 0;
  padding:0 9px 0 0;
  float: right;
}

	#content
	{ padding-left: 10px; padding-right: 10px; }

	#header h1 {
	margin: 0; padding: 35px 0 0 115px;
	font-size: 250%;
		}
/*** Colors ***/
	body {background: #b4cfea url(helbed.jpg) repeat scroll top left;}	
			
    div#container {
	background: transparent;
}
    div#wrapper {
        background-color: #fff;
        border-left: 4px solid #d91c12;
        border-right: 4px solid #d91c12;
}

	#header {
        background: transparent url(header.png) no-repeat scroll top right;
		}	
		
	#footer {
	background: transparent url(footer.png) no-repeat scroll bottom left;
		}	

		
	#content h1 {
	margin: 0;
	
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	font-size: 175%;
	margin-bottom: 8px;
		}
		
	#content h2 {
	font-size: 120%;

		}
	#smallcart{
	color: #4c4c4c;
	background-image: url(cart_bg.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: bottom;
		}
		
	h3 { 
	width: 99%; background-color: #ce0000; 
	color: #000; text-transform: uppercase; font-size: 80%; 
    font-weight: bold; margin: 20px 0 6px 0; padding:3px; 
	  }
		
		
		
/** CSSBOX **/		
    /* set the image to use and establish the lower-right position */ 
	

	.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
	  background: transparent url(demobox.png) no-repeat bottom right; 
	  margin:0;
	 
	} 
	
   .cssbox { 
	
	  margin-left: 10px;

	} 
	/* set the top-right image */ 
	.cssbox_head { 
	  background-position: top right; 
	  padding-right: 25px; /* right corner width */ 
	  
	 } 
	 /* set the top-left image */ 
	 .cssbox_head h2, .cssbox_head h2 a { 
	  color: #fff;
	  background-position: top left; 
          padding: 3px 5px;
	  font-size: 100%; 
	  margin: 0; /* reset main site styles*/ 
	  border: 0; /* ditto */ 
	  } 
          .cssbox_head h2 a:hover {
          text-decoration: none;
          }
	  /* set the lower-left corner image */ 
	  .cssbox_body {
	   margin: 0; 
	   background-position: bottom left; 
	   margin-right: 20px; /* interior-padding right */ 
	   padding-left: 10px;
	   padding-bottom: 10px;
	   padding-top: 0px;
	  } 
	  .cssbox_body p { margin:0; padding:0;}
	  
	  


/** PRODBOX **/		
	/* set the image to use and establish the lower-right position */ 
	.prodbox, .prodbox_body, .prodbox_head, .prodbox_head h2 { 
	  background: transparent url(prodbox.png) no-repeat bottom right; 
	  margin:0;
	} 
	/* set the top-right image */ 
	.prodbox_head { 
	  background-position: top right; 
	  padding-right: 100px; /* right corner width */ 
	 } 
	 /* set the top-left image */ 
	 .prodbox_head h2 { 
	  background-position: top left; 
	  padding-left: 15px; /* position header text to suite image*/
	  padding-top : 5px;  /* position header text to suite image*/
	  padding-bottom : 5px; 
	  font-size: 110%;
	  color: #313031; 
	  margin: 0; /* reset main site styles*/ 
	  border: 0; /* ditto */ 
	  } 
	  /* set the lower-left corner image */ 
	  .prodbox_body {
	   margin: 0; 
	   background-position: bottom left; 
	   margin-right: 15px; /* interior-padding right */ 
	   padding-left: 15px;
	   padding-bottom: 10px;
	   padding-top: 3px;
	  } 
	  .prodbox_body p { margin:0; padding:0;
	  }	
	  .prodbox_body img {
	  padding-bottom: 0px;
	  }
	 
	   
	
/** EXTRABOX **/
/* set the image to use and establish the lower-right position */ 
	.extrabox, .extrabox_body, .extrabox_head, .extrabox_head h2 { 
	  background: transparent url(demobox.png) no-repeat bottom right; 
	  margin:0;
	} 
	/* set the top-right image */ 
	.extrabox_head { 
	  background-position: top right; 
	  padding-right: 100px; /* right corner width */ 
	 } 
	 /* set the top-left image */ 
	 .extrabox_head h2 {
	     color: #eeeeee; 
         font-size: 100%; 
	     font-weight: bold; 
	  background-position: top left; 
	  padding-left: 25px; /* position header text to suite image*/
	  padding-top : 3px;  /* position header text to suite image*/
	  padding-bottom : 5px; 
	  font-size: 100%; 
	  margin: 0; /* reset main site styles*/ 
	  border: 0; /* ditto */ 
	  } 
	  /* set the lower-left corner image */ 
	  .extrabox_body {
	   margin: 0; 
	   background-position: bottom left; 
	   margin-right: 15px; /* interior-padding right */ 
	   padding-left: 10px;
	   padding-bottom: 10px;
	   padding-top: 3px;
	  } 
	  .extrabox_body p { margin:0; padding:0;}		
	
    div.prodbox, div.cssbox, div.extrabox  { 

      margin-bottom: 0px; margin-right: 5px; margin-top: 10px;
    }	



/** TOP NAVIGATION **/	
#topnav {
  margin-top: -30px; 
  padding:0 80px 0 0;
  float:right;
  width:100%;
  font-size:80%;
  line-height:normal;
  vertical-align: bottom;
}	
#topnav ul {
  list-style:none;
  }
#topnav li {
  float:right;
  padding: 0 0 0 9px;
  border-left: 1px solid red;
  }
#topnav a {
  float:right;
  display:block;
  padding:2px 15px 4px 2px;
  text-decoration:none;
  font-weight:bold;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topnav a {float:none;}
/* End IE5-Mac hack */



/** LOCAL NAVIGATION **/
#localnav ul{
  width: 158px;
  padding: 0px;
  border: 1px solid #808080;
  border-top: 0px;
  margin: 0px;
  background: #808080;
  padding-bottom: 10px;
}
#localnav ul li{
  list-style: none;
  margin: 0px;
  border: 0px;
  border-top: 1px solid #808080;
}
#localnav ul li a{
  display: block;
  width: 122px;
  padding: 4px 8px 4px 8px;
  border: 0px;
  border-left: 20px solid #aaaabb;
  background: #ccccdd;
  text-decoration: none;
  text-align: right;
}
#localnav ul li a:link { color: #666677; }
#localnav ul li a:visited { color: #666677; }
#localnav ul li a:hover{
  border-color: #a1d0f1;
  color: #fff;
  background: #000d33;
}

/** WS STYLES **/

.TableBg {
	background: #A1A1A1;
}

.TableHeader td {
	font-weight: bold;
	color: #fff;
	padding: 4px;
	background-color: #d0000c;
}

.TableFooter td {
	font-weight: bold;
	color: #000;
	background: #FFF;
	padding: 4px;
}

.TableRow {
	background: #F5F8FB;
}

.TableRowDark {
	background: #DCDCDC;
	font-weight: bold;
}

.LoginFormUser, .LoginFormPasswd {
	border: 1px solid #a8a8a8;
	width: 65px;
	font-size: 11px;
}

.ProductSearchParameter {
	border: 1px solid #a8a8a8;
	font-size: 11px;
}

.ProductAmountField, .ProductOptionsField {
	border: 1px solid #a8a8a8;
	font-size: 11px;
	margin: 0px;
}

.ProductAddButton input{
margin: 0px;
}

.price {
	font-size: 110%;
	color: #FF6600;
	font-weight: bold;
}
.ProductGroupTree
{
padding: 1px;
margin-left: 0;
font: 11px verdana, sans-serif;

 }

.ProductGroupTree li
{
list-style: none;
margin: 0px;
text-align: left;
}





ul.ProductGroupTree li ul {
padding:  0.3em 0.5em 0.3em 1em;
}

ul.ProductGroupTree li ul li{
border:none;

}
ul.ProductGroupTree li ul li a{
padding: 0.2em;
} 



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }