/** basic fixed layout 
div#container{width:800px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 210px}
div#navigation{float:left;width:200px;margin-left:-800px}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%}
**/
* {
margin:0;
padding:0;
}

img {
   border: 0;
}

/** fixed two column layout */
div#container{width:877px;margin:0 auto}
div#wrapper{float:right;width:100%;margin-left:-153px}
div#content{margin-left:153px}
div#navigation{clear:left;float:left;width:153px}
div#extra{float:left;clear:left;width:153px}
div#footer{clear:both;width:100%}
div#sideMenuLeft {
	float: left;
}

/** GENERAL / BETTER DEFAULTS**/	
img.floatRight { margin: 5px 0px 10px 15px; }
img.floatLeft { margin: 5px 15px 10px 0px; }
.floatLeft {
	float: left; 
	margin: 5px 15px 10px 0px;
}
.floatRight { 
	float: right; 
	margin: 5px 0px 10px 15px;
}

a img { border: 1px solid #000; }
.floatLeft img {
	border: 1px solid #000;
}
body {
	margin:0.5em;    /* gives some air for the pagewrapper */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	overflow: auto;
}

table, form , div, span{ margin: 0; padding: 0; }

font {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

a:link {
	color: #FF9900;
	text-decoration: underline;
}

a:visited {
	color: #FF9900;
	text-decoration: underline;
}

a:hover {
	color: #FF9900;
	text-decoration: none;
}

a:active {
	color: #FF9900;
	text-decoration: underline;
}

/*** BASIC ELEMENTS ***/

#header, #footer {
	padding: 0.0em 0;
}

#header{
	height: 93px;
}

table.TopHeader {
	padding:0px;
	border: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
td.TopHeaderLang {
	background-image: url('header_lang_background.gif');
	text-align: center;
	color: #FF9900;
	height: 93px;
}
td.TopHeaderText {
	text-align: center;
	vertical-align: bottom;
}
p.TopHeaderText {
	text-align: center;
	color: #FF9900;
	margin-bottom: 5px;
}

#footer{
	font-weight: bold;
	text-align:center;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footer p{ margin:0; padding: 0; }

table.Footer {
	padding:0px;
	border: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	height: 27px;
}
td.FooterLeft {
	background-image: url('footer_left_background.gif');
	background-repeat: no-repeat;
	text-align: right;
	color: #FF9900;
}
td.FooterRight {
	background-image: url('footer_right_background.gif');
	text-align: right;
	color: #FF9900;
}
td.FooterMiddle {
	background-image: url('footer_middle_background.gif');
	background-repeat: repeat-x;
	text-align: right;
	color: #FF9900;
	font-size: 10px;
}
td.FooterMiddleL {
	background-image: url('footer_middle_background.gif');
	background-repeat: repeat-x;
	text-align: left;
	color: #FF9900;
	font-size: 10px;
	vertical-align: top;
}

div#mainMenu {
	font-size: 11px;
}
td.MainMenu {
	border-left: 1px solid #F3EEEE;
	border-top: 1px solid #F3EEEE;
	border-right: 1px solid #F3EEEE;
	background-color: #000; 
	text-align: center;
	font-size: 11px;
}
td.MainMenu a {
	text-decoration: none;
	color: #FF9900;
	background-color: #000; 
	line-height: 19px;
}
td.MainMenu a:visited {
	text-decoration: none;
	color: #FF9900;
}
td.MainMenu a:hover {
	text-decoration: none;
	color: #000;
	background-color: #F3EEEE; 
	display: block;
	line-height: 19px;
}

#smallcart{
	margin: 0;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#smallcart form{
}

#smallcart a{
	padding-left: 10px;
}

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

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

#header h1 {
	margin: 0; padding:0;
	margin-top: 30px;
	margin-left: 10px;
	font-size: 250%;
}

/*** Colors ***/

body {
	background-color: #F3EEEE;
}	

div#container {
	background-color: #fff;
	background-image: url('content_background2.gif');
	background-repeat: repeat-y;
}

div#wrapper {
}

#header {
}	

#content h1 {
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	font-size: 110%;
	margin-bottom: 8px;
}

#content h2 {
	font-size: 120%;
}

#content h3 {
	font-size: 110%;
}
#content h4 {
	font-size: 100%;
}
#content p {
	margin-bottom: 3px;
}
#content td {
	padding: 2px;
}

#smallcart{
	color: #000;
	background: transparent; 
}

h3 { 
	width: 99%; background-color: #ce0000; 
	color: #000; text-transform: uppercase; font-size: 80%; 
	font-weight: bold; margin: 20px 0 6px 0; padding:3px; 
}

table.Main {
	padding:0px;
	border: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
td.MainSideBar {
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	padding-right: 5px;
}
td.MainSideBarDivider {
	border-left: 1px dashed #000;
}
td.MainText {
	vertical-align: top;
	padding-right: 5px;
}

/** CSSBOX **/		
/* set the image to use and establish the lower-right position */ 

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
	background: transparent; 
	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 { 
	color: #FF9900;
	background-position: top left; 
	padding-left: 10px; /* position header text to suite image*/
	padding-top : 3px;  /* position header text to suite image*/
	padding-bottom : 5px; 
	font-size: 11px; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
} 

/* set the lower-left corner image */ 

.cssbox_body {
	color: #FF9900;
	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:0; 
	padding:0;
	float:right;
	width:100%;
	font-size:80%;
	line-height:normal;
	vertical-align: bottom;
	margin-top: -30px;
}	

#topnav ul {
	margin:0;
	padding:0px 0px 0;
	list-style:none;
}

#topnav li {
	float:right;
	margin:0;
	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;
	color:#ffffff;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/

#topnav a {float:none;}

/* End IE5-Mac hack */

#topnav a:hover {
	color:#FFF;
}	

/** 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: #000;
}

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

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

.TableRow {
	background: #F3EEEE;
}

.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;
}

.ProductAlarmText {
	color: #FF0000;
}

.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;
} 

#navigation li {
	margin-bottom: 5px;
}