/* LAYOUT */
body                  { margin:0; padding:0; background:#fff; }
#wrap                 { width:760px; padding: 0 10px; margin:0 auto; background:#fff url("../images/bg.gif") repeat-y top center; }
#content              { padding:15px; }

#flashintro                 { width:100%; padding: 0; margin:0 auto; text-align:center;}

#drop-shadow-container { width:780px; height:7px; margin:0 auto; background:#fff url("../images/footer_bg.gif") no-repeat; }

/* COLUMNS */
#main                 { width:518px; float:left; border-right:1px solid #ccc; padding-right:15px; }
#sub                  { width:180px; float:left; padding-left:15px; border-left:1px solid #ccc; margin-left:-1px; }

#mainproducts                 { width:325px; float:left; border-right:1px solid #ccc; padding-right:15px; }
#leftsubproducts                  { width:180px; float:left; padding-right:15px; border-left:0px solid #ccc; margin-left:-1px; }
#subproducts                  { width:180px; float:left; padding-left:15px; border-left:1px solid #ccc; margin-left:-1px; }




/*================================================================================================*/

/* MISC */
.clear                { clear:both; visibility:hidden; height:0; }
.hide                 { display:none; }
.item                 { margin-bottom:2em; }
.spinner              { vertical-align: -4px; }

#container			{border:1px solid #f0f0f0; padding:5px;margin:0;}
#containerbody		{background:#f0f0f0; padding:0px;margin:0;}

#containerbody ul {
    margin:0px;
    padding:0px;
    }

#containerbody li {
    margin:0px 0px 0px 0px;
	padding:2px 0 2px 5px;
	border-bottom:1px solid #fff;
	    }
		
#containerbody h2{font-family:verdana; font-size:11px;margin:0; padding:0;}

#containerbody p{padding:4px;}


/* TYPOGRAPHY */
body, table           { font-family:verdana; font-size:11px; line-height:160%; }
h1,h2,h3,h4,h5,h6,p,
pre,table,blockquote  { margin:0 0 1em 0; padding:0; }
h2, h3                { font-family:"Lucida Grande", "Lucida Sans", geneva, arial, sans-serif; font-weight:normal; }
h2                    { font-size:20px; font-weight:bold; }
h3                    { font-size:15px; margin-bottom:0.6em; }
h4,h5,h6              { font-size:11px; margin-bottom:0; }
blockquote            { padding:1em; padding-bottom:0; border:1px solid #ccc; background:#F0F0F0; }
p+h3                  { margin-top:1.5em; }
td p                  	{ margin-bottom:15px; }


.hint                 { font-style:italic; color:#999; }
small                 { font-size:10px; line-height:10px; }
sup,sub               { font-size:9px; line-height:9px; vertical-align:30%;  }
ol.footnote           { font-size:10px; line-height:12px; color:#aaa; margin-left:0; padding-left:15px; }

.postdate             { font-size:10px; line-height:10px; color:#b3b3b3; }

/* LINKS */
a                     { color:#3399FF; text-decoration:underline; }
a:hover               { text-decoration:underline; }
a:visited             { color:#3366CC; }
a.delete, a.red, .red     { color:#C11B1B; }
a.create, a.green, .green { color:#78A400; }


/* IMAGES */

a img { border:none; }


/* TABLES */
_table                 { width:100%; border-collapse:collapse; margin-bottom:1em; border:1px solid #ccc; }
_tr                    {  }
_td,th                 { margin:0; padding:.5em 1em; border:1px solid #ccc; border-width:1px 0; text-align:left; vertical-align:middle; }
_td, _p                  { margin:0; }
_table thead th        { color:black; }

/* Smaller discrete table styling used for listings of many things */
_table.listing thead th { background:#eee; color:#000; border-bottom: 1px solid #ccc; }
_table.listing td, table.listing th { padding: 2px; }

.odd { background: #fff; }
.even { background: #edf3fe; }

#tablelistings{text-align:left;font-family:tahoma; font-size:11px; line-height:160%;border:1px solid #f0f0f0;}
#tablelistings thead{font-weight:bold;background:#f0f0f0;text-align:left;}

#xcontact{text-align:left;font-family:tahoma; font-size:11px; line-height:160%;border:1px solid #f0f0f0;}
#xcontact a{font-size:10px!important; }

.contact a {font-size:10px!important; }
.contact TD {text-align:left;font-family:tahoma; font-size:11px; line-height:160%;border:1px solid #f0f0f0;}


/* LISTS */ 
ul                    { margin:0; padding:0; margin-bottom:1em; list-style:none; }
ul li                 { margin:0; padding:0; padding-left:24px; list-style:none; background: url("/images/bullet.gif") no-repeat 8px 0.7em; }
ol                    { margin-left:0; padding-left:3em; }
ol li                 { margin-bottom:.5em; margin-left:1em; padding-left:0; }



/*================================================================================================*/


/* HEADER */
#header               { background:#0c3d65 url("../images/top_bg.gif") top left repeat-x; }

#branding             { margin-left:0px; }
#branding h1          { font-size:20px; color:white; font-family:"Lucida Grande",helvetica,arial,sans-serif; font-weight:normal; margin:0; line-height:0;}
#branding img         { display:block; margin-left:0px; padding-bottom:20px; }

/* NAVIGATION  */
/* Topmenu and SubMenu */

#menu{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	min-height: 26px;
	_height: 26px;
	border-top:1px solid #00213c;
	border-bottom:1px solid #00213c;
	width:100%;	
	}

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

#menu li {
    float:left;
    margin:0px 0px 0px 0px;
	padding:0px;
    list-style:none;
	    }

#menu a {
    float:left;
	font: 11px/16px Tahoma, Verdana, Arial, sans-serif!important;
	color:#FFFFFF!important;
	font-weight:bold!important;
    display:block;
	padding:5px 10px 5px 10px;
	text-decoration:none;	
    }

#menu a:hover {
	background:url(../images/bg_topmenu_selected.gif)!important;
    }

#menu a.selected {
  background:url(../images/bg_topmenu_selected.gif)!important;
	}
	
#Submenu
{
	min-height: 20px;
	_height: 20px;
	border-bottom: 1px solid #00213c;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	background:#02335c;
}


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

#Submenu li {
    float:left;
    margin:0px 0px 0px 0px;
	padding:0px;
    list-style:none;
}

#Submenu a {
    float:left;
	font: 11px/16px Verdana, Arial, sans-serif;
	font-weight: normal;
	color:#ffffff;
    display:block;
	text-decoration:none;
	padding:2px 10px 2px 10px;
    }

#Submenu a:hover {
    display:block;
	background-color:#F4F4F4;
    }	

#Submenu a:visited {
    display:block;
    }	

#Submenu a.selected {
  background:url(../images/bg_topmenu_selected.gif)!important;
	}


/* FOOTER */
#footer               { background:#F0F0F0; border-top:1px solid #ccc; font-size:10px; padding:10px 20px; text-align:center; }
#footer p             { margin:0; }
#footer img 					{ margin:10px; }


/* FORMS */
.inputfieldsText
{
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.inputfields100ProcentWidth
{
	width:100%;
}

.inputfields300PxWidth
{
	width:300px;
}

.inputfields200PxWidth
{
	width:200px;
}

.inputfieldsHelpText
{
	font-size: 10px!important;
	color:#908F8F;
}


.odd { background: #fff; }
.even { background: #edf3fe; }


#listofproductimages {
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

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

#listofproductimages li {
    float:left;
    margin:0px 0px 0px 0px;
	padding:0px 25px 25px 0px;
    list-style:none;
}