@import url("reset.css");
@import url("forms.css");

*{
padding: 0;
margin: 0;
}

html, body, .ecom-container {
height:100%;
}

body {
/*text-align: center;*/
font-size: 62.5%;
color: white;
background-color:#000000;
font-family: verdana,arial,sans-serif;
text-align: left;
width: 100%;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
border: none;
/*font-size: 1.0em;*/
} /*Font-size: 1.0em = 10px when browser default size is 16px*/

h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 700;}
address,cite,em,i,caption,dfn,var {font-style: italic;}

h1 {margin: 0 0 0.75em; font-size: 2em;}
h2 {margin: 0 0 1em; font-size: 1.5em;}
h3 {margin: 0 0 .5em; font-size: 1.167em;}
h4 {margin: 0 0 1.5em; font-size: 1em;}
h5 {margin: 0 0 1.8em; font-size: .834em;}
h6 {margin: 0 0 2em; font-size: .75em;}

h1 span,h2 span,h3 span ,h4 span ,h5 span,h6 span {font-size:75%}

p,ul,ol,dl,blockquote,pre {margin: 0 0 1.5em;}

blockquote {padding: 0 1.5em;}

li ul,li ol {margin: 0;}
ul {list-style: none;}
ol {list-style: outside decimal;}
li {margin: 0;}

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}

body > .ecom-container {
height:auto;
min-height:100%;
}

.footer {
	height: 20px;
	margin-top: -20px;
	position: relative;
}

.footer {
	text-align: center;
}

#logo
{
	display:		block;
	/*padding: 		10px;*/
	background-color:#000;
	width:			180px;
	height:			130px;
	font:			12px Helvetica, Verdana, Arial, sans-serif;
	float:			left;
}

.page-container {
text-align: left;
width: 100%;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
border: none;
font-size: 1.0em;
}

a.linktext  {
/*color: #467AA7;*/
color: #FFF;
font-weight:700;
}

a, a:link, a:visited {
/*color: #467AA7;*/
color: #FFF;
text-decoration:none;
}
a:hover {	
/*color: #2A5A8A;*/
color: #FFF;
text-decoration: underline;
}

.sitelogo {
width: 90px;
height: 58px;
position: absolute;
z-index: 1;
/*margin: 10px 0 0 20px;*/
/*background: url(/multiflex/ofbizLogo.gif);*/
}

.sitelogo img {
	border: none;
}

.sitename {
width: 400px;
height: 45px;
position: absolute;
z-index: 1;
margin: 20px 0 0 185px;
overflow: visible !important /*Firefox*/;
overflow: hidden /*IE6*/;
}

.sitename h1 {
font-size: 240%;
}

.sitename h2 {
margin: -4px 0 0 0;
color: #7D7D7D;
font-size: 120%;
}

.sitename a {
text-decoration: none;
color: #7D7D7D;
}

.sitename a:hover {
text-decoration: none;
color: #323232;
}

.left ul {
	margin:			0;
	padding:		0;
	/*list-style-type:none;*/
	display:		block;
	font:			12px Helvetica, Verdana, Arial, sans-serif;
	line-height:	265%;
}

.left ul li {
	margin:			0;
	padding:		0;
	/*border-top:		1px solid #ccc;*/
	/* border-bottom:	1px solid #eee;*/
}
.left ul li a {
	display:		block;
	text-decoration:none;
	color:			#fff;
	background:		#000;
	padding:		0 0 0 20px;
}

#navmenu {
    height:auto !important;
    margin-bottom:10px;
}

#navmenu ul li a:hover {
	background:		#888;
}
#navmenu ul li a.selected,#navmenu ul li a.selected:hover
{
	background:		#444;
}

#socials ul li {
	border-top:		none;
}

#navmenu ul {
	list-style-type:none;
}
#navmenu ul li a {
	/*border-top:	   1px solid #ccc;*/
	font-size:     1.2em;
	font-weight:   bold;
}

#socials li {
	padding:200px 0 0 0;
  	width:auto; 
  	float:left;
  	list-style:none;
}

#socials ul li a, #socials ul li a:visited {
	border: none;
	color: #000;
	outline: none;
}
.endcolumns {
clear:both;
height:0;
visibility:hidden;
}

.categorylist-container {
	/*border-top:1px solid #999999;*/
	border: none;
	margin-bottom:5px;
	/*margin-top:10px;*/
	position:relative;
	font-size: 1.2em;
}

.categorysummary {
	/*border-bottom:1px solid #999999;*/
	border: none;
	min-height:102px;
	padding:5px;
	position:relative;
}

.categorysummary .categoryimage {
	float: left;
	margin:0 5px 0px 0;
}

.categorysummry .categoryimage img {
	border:1px solid #CCCCCC;
	/*height:50px;*/
}

.categorysummary .categoryinfo {
	text-align: left;
}
/*
* Center Breadcrumb style from Multiflex theme
*/
.center .breadcrumbs ul {
float: left;
width: 560px;
list-style: none;
padding: 0 0 0 15px;
font-family: verdana,arial,sans-serif;
}

/*.center ul {
margin: 0.5em 0 1em;
}*/

.breadcrumbs {
margin: 0 1em 1em 0;
display: table;
}
.center .breadcrumbs ul li {
display: inline;
padding: 0 0 0 10px;
background: transparent url(/multiflex/bg_bullet_arrow.gif) no-repeat 0 50%;
font-weight: bold;
color: #7D7D7D;
font-size:100%;
}

.center .breadcrumbs ul a {
/*color: #467AA7;*/
color: #FFF;
text-decoration:none;
}

.center .breadcrumbs ul a:hover {
/*color: #2A5A8A;*/
color: #FFF;
text-decoration: underline;
}

.browsecategorylist {
margin-left: 10px;
}

.browsecategorytext {
/*font-weight: bold;*/
color: #467AA7;
padding-left: 10px;
background:url(/multiflex/bg_bullet_full_2.gif) no-repeat 0px 0.5em;
}

A.browsecategorybutton {
font-weight: bold;
/*color: #000099;*/
}

A.browsecategorybutton:hover {
/*color: #000099;*/
}

.browsecategorybuttondisabled {
font-weight: bold;
color: #333333;
}

/* 
* Modified classes from ecommain.css
*/
#ecom-mainarea {
clear: both;
width: auto;
padding-bottom: 20px;
height: auto;
/*background:transparent url(/multiflex/bg_main_withnav.jpg) top left repeat-y;*/
}

#ecom-mainarea .left {
background:#000;
float:left;
width:200px;
margin:0 0 0 0;
}

#ecom-mainarea .right {
background:#000;
float:right;
width:240px;
margin:0 10px 0 0;
}

#ecom-mainarea .center,#ecom-mainarea .leftonly,#ecom-mainarea .rightonly,#ecom-mainarea .nocolumns {
background:#000;
text-align:left;
vertical-align:top;
margin:0 0 0 10px;
padding: 0 20px;
}

#ecom-mainarea .center {
margin-left:201px;
margin-right:261px;
voice-family:inherit;
}

#ecom-mainarea .leftonly {
float:left;
voice-family:inherit;
}

#ecom-mainarea .rightonly {
margin-right:261px;
voice-family:inherit;
}

#ecom-mainarea .screenlet {
background:#000F;
border:1px solid #999;
height:auto!important;
margin-bottom:10px;
}

#ecom-mainarea .screenlet-title-bar {
background:#1C334D;
height:auto!important;
padding:1px 4px 3px;
}

#ecom-mainarea .screenlet-body {
background:#000;
height:auto!important;
padding:4px;
}

#ecom-mainarea .screenlet h3, #ecom-mainarea .screenlet legend {
background:#1C334D;
color:#fff;
height:auto!important;
padding:1px 4px 3px;
}
.baseprice {
color:#000;
}

.normalprice {
color:green;
}

.saleprice {
color:red;
}

.product-prevnext {
text-align:right;
}

.product-prevnext .tabletext {
font-weight:700;
}

.productcategorylink-container {
border-top:#999 solid 1px;
margin-bottom:5px;
margin-top:10px;
position:relative;
}

.productcategorylink {
border-bottom:#999 solid 1px;
height:60px;
padding:5px;
position:relative;
}

.productcategorylink .smallimage {
float:left;
margin:0 5px 5px 0;
}

.productcategorylink .smallimage img {
border:#CCC solid 1px;
height:50px;
}

.productsummary-container {
/*border-top:#999 solid 1px;*/
margin-bottom:5px;
margin-top:10px;
position:relative;
}

.productsummary {
/*border-bottom:#999 solid 1px;*/
min-height:200px;
padding:5px;
position:relative;
}

.productsummary .smallimage {
float:left;
margin:0 5px 5px 0;
}

.productsummary .smallimage img {
border:#CCC solid 1px;
/*height:200px;*/
max-height:200px;
max-width:200px;
}

.productsummary .productbuy {
float:right;
margin:5px;
text-align:right;
width:160px;
}

.matrix .productsummary {
border:none;
height:250px;
padding:10px;
width:200px;
}

.matrix .productsummary .smallimage {
float:none;
text-align:center;
}

.matrix .productsummary .smallimage img {
/*height:200px;*/
max-height:200px;
max-width:200px;
}

.matrix .productsummary .productbuy {
float:none;
text-align:left;
}

.productsummary .productinfo {
text-align:left;
}

#productdetail #download-files {
/*border-top:#999 solid 1px;*/
margin-top:10px;
padding-top:5px;
}

#productdetail #long-description {
/*border-top:#999 solid 1px;*/
margin-top:10px;
padding-top:5px;
}

#productdetail #reviews {
/*border-top:#999 solid 1px;*/
margin-top:10px;
padding-top:5px;
}

#productdetail #associated-products {
/*border-top:#999 solid 1px;*/
margin-top:10px;
padding-top:5px;
}

a.buttontext,.buttontextdisabled {
/*background:#FFF;*/
/*border:#999 solid 1px;*/
font-weight:700;
margin:2px 1px;
padding:1px 4px;
white-space:nowrap;
}

a.buttontext {
/*color:#1C334D;*/
color: #fff;
}

a.buttontext:hover {
/*color:red;*/
}

.downloads {
/*border-top:#999 solid 1px;*/
margin-bottom:5px;
margin-top:10px;
position:relative;
}

.downloadhr {
font-weight: 700;
font-size: 1.3em;
/*margin-bottom: 15px;*/
padding-top: 15px;
}

.downloadwrapper {
padding: 5px 0 5px 0;
}

.downloadwrapper a {
font-weight: 700;
}

.downloadtext {
padding: 5px 0 5px 0;
}